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="调查须�
相关文档：
一、下载 eclpse 3.4
地址：http://archive.eclipse.org/eclipse/downloads/drops/R-3.4.2-200902111700/eclipse-SDK-3.4.2-win32.zip
完成后，去 eclipse 里更新软件，菜单： Help --- Software Updates 点 Ganymede Update Site ，选中 Java Development ，此动作为安装 eclipse 3.4 里的 Web 开发插件；
二、� ......
一个导航容器可
以通过一组子容器来监控用户的操作。比如，TabNavigator
这个容器就可以通过一组tabs
来让用户选择可见的子容器。Flex3
提供了三种主要的导航容器：
Ø
ViewStack
Ø
TabNavigator
Ø &nbs ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
<mx:Script>
<!--[CDATA[
import mx.controls.Alert;
public var newBuildMenuItem:ContextMenuItem;//菜单项变量
private ......
###################
#
Flex与Web设计
###################
大多数企业级的Web设计都需有3层结构：
*
表现层(Presentation
Tier)：这一层构建的是用户看到的内容。有时候，人们也把这一层叫做图形用户界面(graphical
user interface,GUI)。
*
业务逻辑层(Business
Logic
......
