加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 01:07:01 所属栏目:百科 来源:网络整理
导读:?(如果你同意,我们就把这套皮肤叫做“优雅天蓝”! 如果你喜欢这套皮肤,请使用它:) ) ??????? 上文( 点击这里 )发布了一套优雅天蓝风格的Flex皮肤,本文主要是详细说一下如何使用那套皮肤。如果你对使用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”/>

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读