Flex组件之Accordion
Flex里面有几个组件还没用过，最近正好没事，就都写写demo来使用一下，这个例子是在一本叫《Flex大师之路》的书上看到的，挺好的，决定写在这里备忘，方便以后查阅。
Accordion导航有点类似一个折页，在每一页都包含一个子容器，每一次只显示一个页，也就是一个子容器。我们这个例子设定Accordion里面有三个子容器：FrmPersonalInfo，FrmSurvey，VConfirm。代码分别是：
FrmPersonalInfo.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" label="个人信息">
<mx:FormItem label="姓名" horizontalAlign="center" width="100%">
<mx:TextInput id="pName" width="100%" />
</mx:FormItem>
<mx:FormItem label="年龄" horizontalAlign="center" width="100%">
<mx:TextInput id="age" width="100%" />
</mx:FormItem>
<mx:FormItem label="住址" horizontalAlign="center" width="100%">
<mx:TextInput id="address" width="100%" />
</mx:FormItem>
</mx:Form>
FrmSurvey.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" height="100%" left="20" right="20">
<mx:FormItem label="请选择您感兴趣的运动： ">
<mx:RadioButtonGroup id="favSrv" />
<mx:RadioButton groupName="favSrv" id="bike" value="bike" label="自行车" />
<mx:RadioButton groupName="favSrv" id="tennis" value="tennis" label="网球" />
<mx:RadioButton groupName="favSrv" id="football" value="football" label="足球" />
</mx:FormItem>
<mx:FormItem label="您每周运动的时间（小时）：" >
<mx:HSlider thumbCount="2" minimum="0" maximum="40" values="[0,40]" labels="[0,20,40]" tickInterval="1" snapInterval="1" />
</mx:FormItem>
</mx:Form>
VConfirm.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" horizontalAlign="center" verticalAlign="middle">
<mx:Label text="调查须�
相关文档：
一个导航容器可
以通过一组子容器来监控用户的操作。比如，TabNavigator
这个容器就可以通过一组tabs
来让用户选择可见的子容器。Flex3
提供了三种主要的导航容器：
Ø
ViewStack
Ø
TabNavigator
Ø &nbs ......
TabNavigator默认是只初始化第一个TAB的，设一下属性，设了后会初始化其他TAB，creationPolicy="all"
补充下tab里面的容器是Canvas
动态生成TabNavigator tab页面
var canvas: Canvas = new Canvas();
canvas.label = "new Tab";
tabNavigator.addChild(canvas);
-------------------------------------------------- ......
制作可用鼠標框選的TileList，因為時間比較匆忙，所以错漏在所难免，请大家不吝赐教。另外小部分代码参考自网上。直接上代码。
package
{
import flash.events.Event;
import flash.events.MouseEvent;
import flash.geom.Point;
import mx.controls.TileList;
import ......
HScrollBar{
up-arrow-skin: ClassReference( null );
down-arrow-skin: ClassReference( null );
}
VScrollBar{
up-arrow-skin: ClassReference( null );
down-arrow-skin: ClassReference( null );
}
http://www.brentlamborn.com/post/Flex-Scrollbar-Remove-up-down-arrows.aspx ......
前言：传统网络程序的开发是基于页面的、服务器端数据传递的模式，把网络程序的表现层建立于HTML页面之上，而HTML
是适合于文本的，传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了。而富互联网应用（Rich
Internet Applications，缩写为RIA）的出现就是为� ......
