跟我StepByStep学FLEX教程------Demo8之样式和主题

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

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