FlexSDK4新特性中的主题布局和样式

本文和大家重点讨论一下FlexSDK4新特性,主要包括主题,布局和样式三大部分内容,相信通过本文的简单介绍你对FlexSDK4新特性有一定的了解。

创新互联主要从事成都网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务科尔沁右翼中,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

FlexSDK4新特性

FlexSDK4新特性一、主题

在FlashBuilder4以前,Adobe默认的主题是Halo,而从FlashBuilder4开始,默认的主题变成了Spark。FlashBuilder4中包含了9款默认主题,其中两款Spark主题,七款Halo主题。

在FlashBuilder4中同时存在了两组控件,分别是:之前的mx.*和新加入的spark.*。

◆怎样为项目选择Flex主题?

新建Flex项目,右击项目选择"属性",在弹出的对话框中的左侧选择"Flex主题",之后就可以看到FlashBuilder自带的Flex主题,我们看到其中有两套Flex主题,分别是:Spark和Halo。可以进行删除主题,导入主题操作等,选择好之后,点击"确定"即可,此时就为项目切换了Flex主题。

注意:1.主题的默认存放位置在FlashBuilder4安装目录/sdks/4.0.0/frameworks/themes/

2.在新建的Flex项目中的.actionScriptProperties文件中可以看到项目主题的配置。

◆Flex主题深入

我们可以看一下主题包中到底有什么,例如:将主题包中的wireframe.swc改名为wireframe.zip,解压。解压后可见下面这些文件。

很明显default.css是主题的样式设置,我们可以对其修改以改变主题的配置。

FlexSDK4新特性二、布局

在Flex4中,布局已经从控件中剥离出来。这样我们可以更加灵活的对控件进行布局,比如在运行时将容器的布局方式由横向改为纵向。这在Flex3中是很难实现的。

在Flex4的spark包中已经没有了原来的Hbox,Vbox,Box以及Canvas容器,取而代之的是Group,另一个新的容器是SkinnableContainer,它与Group的区别是我们可以为它定义皮肤,Group不能定义皮肤但有更高的执行效率以及使应用程序的体积更小。

除了控件的布局方式改变外,Flex4中的滚动条也从控件中剥离了出来,默认的容器是没有滚动条以及virtualization的。

FlexSDK4新特性三、样式

在Flex4中,对Css的支持有了质的飞跃。在Flex4以前,Flex对Css的支持是很别扭的,相对于HTML强大的Css功能,Flex只能说继承了很表面的一部分。

在Flex4中在新的样式设置中增加了对名称空间的支持,这主要针对不同控件包中的控件设置样式。比如:

 
 
 
  1. @namespaces"library://ns.adobe.com/flex/spark";  
  2.  
  3. @namespacemx"library://ns.adobe.com/flex/halo";  

【编辑推荐】

  1. 解析FlexSDK4的八大新特性
  2. FlexBuilder4十大新特性闪亮登场
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. FlexSDK4:Gumbo的主题实现快速RIA开发
  5. FlexBuilder开发方法及特点解析 

分享文章:FlexSDK4新特性中的主题布局和样式
路径分享:http://www.hantingmc.com/qtweb/news14/218564.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联