跟我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的代码结构，读者可以根据这个练习一下：

下一讲简单介绍一下如何自定义主题。

文章来源：http://wangyisong.javaeye.com/blog/380838