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

 (如果你同意,我们就把这套皮肤叫做“优雅天蓝”!如果你喜欢这套皮肤,请使用它:)
        上文(
点击这里 )发布了一套优雅天蓝风格的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”/>。

如下图所示。因为我的flex_skins.css是放到 cn/riahome/css 目录下,所以右边的代码改为:<mx:Style source=”cn/riahome/css/flex_skins.css”/>

flexskins_teach

详细说一下那五个文件:
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:说明文档。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值