您的位置:首页 > 其它

如何使用那套优雅天蓝风格的Flex皮肤[zhuan]

2013-07-12 10:51 127 查看
(如果你同意,我们就把这套皮肤叫做“优雅天蓝”!如果你喜欢这套皮肤,请使用它:)
上文(点击这里)发布了一套优雅天蓝风格的Flex皮肤,本文主要是详细说一下如何使用那套皮肤。如果你对使用Flex皮肤已经很熟悉了,那你可以跳过此文。
从上文(点击这里)中下载那个压缩文件,解压后会看到这五个文件:DataGrid_List_DateChooser_Panel.css、flex_skins.css、flex_skins.fla、flex_skins.swc、readme.txt。要使用这套皮肤,我们只需要flex_skins.css和flex_skins.swc文件。使用皮肤的方法有不只一种,以下为其中一种我认为是最简单的方法: 一、使用Flex Builder 3新建一个“Flex Project”工程;
二、在工程里找到名为“libs”的文件夹,把flex_skins.swc文件复制到里面;
三、在工程里找到名为“src”的文件夹,把flex_skins.css文件复制到里面;
四、在主文件(例如:Main.mxml)里加上这一句代码:<mx:Style source=”flex_skins.css”/>。详细说一下那五个文件:
DataGrid_List_DateChooser_Panel.css:这个文件保存着DataGrid、List、DateChooser、Panel这四个组件的CSS代码,因为我并没有为这四个组件设计皮肤而使用了CSS来调制它们的样式,所以独立分开来;
flex_skins.css:这一个文件包含完整的CSS代码,DataGrid_List_DateChooser_Panel.css的内容也包含在内。假如你不是按上述方法而使用导入ArtWork的方法来使用这套皮肤,那请把Flex Builder自动生成的css文件替换为这个
flex_skins.css文件,这样会得到最佳效果;
flex_skins.fla:这套皮肤的源文件;
flex_skins.swc:这个swc文件包含这套皮肤,在Flex Builder里可以把皮肤当成是类的方法来使用,当然也可以生成swf来使用这套皮肤,但觉得swc会方便些;
readme.txt:说明文档。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: