跟我StepByStep学FLEX教程------Demo8之样式和主题
说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。
这一讲的内容,比较容易理解,但是非常重要,一个项目特别是RIA富应用,页面的风格非常重要,良好的界面会促使客户良好的使用心理。
所以说,内容简单,但是对于真正的产品和项目来说却非常重要。
作者没有什么美感,所以只是从技术角度讲解,呵呵。
讲到样式(Style),搞过Web开发的都知道,也就是常用的CSS文件。
安装完Flex Builder3之后,会有这样一个目录:sdks\3.2.0\frameworks\themes,这里有CSS样本,引入Smoke。
<mx:Style source="css/smoke.css"/>
看一下Demo7的显示效果如下:
除了背景和整体色,按钮选中等各个控件的都会有不同的变化显示。
主题(theme),只要用过windows,就知道这个,大家可以换XP主题、VISTA主题和其它主题。这个概念也一样,只不过是开发的产品系统的主题。
Flex中主题文件类型为.swc。添加主题的方式如下:
1、在项目的属性中添加-theme 主题路径,如下图所示:
2、在flex-config.xml中配置,如下图显示位置:
大家可以看一下应用自带的haloclassic.swc主题后的页面风格如下:
这个读者直接从上图看出来的效果不明显,可以在做这个Demo的时候,会发现点击各个控件的时候颜色是渐变的,给人一种清新的感觉。
下图是DEMO的代码结构,读者可以根据这个练习一下:
下一讲简单介绍一下如何自定义主题。