FLEX实践—FLEX4中Theme Halo应用(一)
Flex4和Flex3的区别在这里就不多说了,有兴趣可以上网找资料。
本次的实践将通过测试用例来说明Flex4中不同Theme的应用效果
在Flash Builder4中出现了两个命名空间
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
相应的,控件也出现了两种不同的风格,创建Theme.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Panel x="214" y="76" width="250" height="200" title="Flex 4 <s:Panel />">
</s:Panel>
<mx:Panel x="502" y="76" width="250" height="200" title="Flex 3 <mx:Panel />">
</mx:Panel>
</s:Application>
其中<s:Panel/>显示的是flex4中新添加的风格,而<mx:Panel/>则显示的是flex3中的旧风格
在Design界面上还看不出控件风格的差异:
注意下面的各项操作的不同:
1)直接保存,运行,效果如下:
在上图中看不出两种控件有任何风格上的差异,下面的测试将通过两种不同的方法来实现flex4与flex3控件的风格体现
2)在项目上右键—>Properties—>Flex Complier,在Addtional complier arguments中添加如下参数:
点击“OK”,运行,效果如下:
这次能看到两个控件的风格差异了,右边则是我们熟悉的flex3中的控件风格
3)取消第2)步的操作,改变项目的Flex Theme
点击“OK”,运行,效果将与第2种方法一样
相关文档:
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateTimeAxis class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
......
1.下载安装netbeans6(我的版本是6.7.1)
2.下载Flex Sdk 3 ,将其解压到指定的一个目录。http://www.adobe.com/cfusion/search/index.cfm?loc=en_us&term=flex+sdk&siteSection=cfusion%3Atdrc
3.下载netbeans的flex插件 http://sourceforge.net/projects/flexbean/files/
4.netbeans配置Flex插件,配置成 ......
开始日期 与 结束日期的范围选择
两者都不能大于今天,开始日期不能大于结束日期
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientColors="[#ffffff, #ffffff]">
<mx:Script>
......
Flex编译参数
accessible=true|false 是否具有可理解性(如为残疾人提供方便的性能)
actionscript-file-encoding | 设置文件编码,如Shitf_JIS
advanced | mxmlc -help advanced,如这样的高级参数
allow-source-path-overlap=true|false | 验证source-path中定义的路径是否出现重叠,出现互相包含的现象
as3=true|fa ......