1、定义状态
flex4里状态的定义与flex3不同,你只需在<states></states>标签内定义状态就可以了。添加子元素和设置属性之类,不在这里进行。
如下所示:
<s:states>
<s:State name="State1"/>
<s:State name="State2"/>
<s:State name="State3"/>
</s:states>
2、改变状态
UIComponent类定义了一个currentState属性,通过改变这个属性的值来更换状态,这个属性的默认值是定义在需在<states></states>标签内的第一个状态。
例如:
<s:Button id="b1" label="Change to State 1" click="currentState='State2';"/>
<s:Button id="b2" label="Change to the default" click="currentState='State1';"/>
当然也可以通过UIComponent类的setCurrentState方法。
3、为一个状态设定属性,样式和事件
这是与flex3很不同的地方。在flex4里通过点语法来设定一个组件属于某个状态的属性值。
例如:
<s:Button label="Default State" label.State2="New State"/>
上述的代码的意思是,这个按钮的lable值在State2状态下是New State,在其他状态下是Default State。
上述代码也可以这样写:
<s:Button >
<s:label>Default State</s:label>
<s:label.State2>new State</s:label.State2>
</s:Button>
4、添加或移除组件
在flex4里,添加或移除某个组件,直接在这组件的属性里搞定。组件多了两个属性,includeIn和excludeFrom。includeIn,表示这个组件要被添加到属性值所指的状态,excludeFrom,表示这个组件要从属性值所指的状态中删除,includeIn和excludeFrom不能在同一个组件标签里出现,他们的值可以是多个状态,之间用逗号隔开。
例如:
<s:states>
<s:State name="default"/>
<s:State name="addCheckBox"/>
<s:State name="addTextInput"/>
<s:State name="addCheckBoxandButton"/>
</s:states>
<s:CheckBox id="myCB" label="Checkbox" includeIn="addCheckBox, addCheckBoxandButton"/>
<s:TextArea text="Exclude from addTextInput" excludeFrom="addTextInput"/>
原文地址:http://www.51xflash.com/article/flex/201103/13-13580.html
分享到:
相关推荐
Flex State对象是Adobe Flex框架中的一个关键特性,它允许开发者管理应用程序的不同视图或界面状态。在Flex程序中,状态设计是一种强大的工具,用于根据用户的交互和应用需求动态地改变UI布局和组件行为。通过使用...
该主题主要涉及如何通过Flex框架中的State管理机制来实现不同界面状态之间的切换。以下将围绕标题、描述以及部分代码内容进行深入解析。 ### 标题:Flex中最简单的State对象控制 这个标题表明了文章的主要讨论点...
在Flex中,State机制是一种强大的设计模式,用于管理用户界面的不同视图和交互状态。本篇文章将深入探讨“flex state跳转”这一主题,以及如何在Flex项目中利用state来实现页面或组件的动态跳转。 一、什么是Flex ...
总结来说,FLEX4的皮肤系统允许开发者通过SparkSkin类和相关的皮肤状态来实现高度定制的用户界面。通过理解SparkSkin的结构和工作原理,以及如何应用和创建自定义皮肤,开发者能够为Flex应用程序带来独特的视觉风格...
本文将深入探讨如何在Android平台上使用Flex进行网络状态检测,包括2G、2.5G以及WiFi网络的监测。 ### 知识点一:Flex与Android的结合 Flex是Adobe公司推出的一种用于构建高性能且具有丰富交互性的Web应用程序的...
6. **测试与使用**:最后,将这个新组件添加到你的Flex应用程序中,通过改变其`state`属性或交互操作,观察多状态切换的效果。 通过以上步骤,我们就成功地在Flex中实现了模拟CheckBox的多状态切换功能。这个自定义...
在Flex 4中,Adobe引入了更高效的设计模式,如States和Effects,以更好地管理组件的状态变化。 首先,组件的创建过程始于`initialize`事件,这是组件实例化后首次允许开发者进行属性设置的时刻。接着,`...
### Flex4创建页面知识点详解 ...通过以上内容的详细介绍,我们可以清晰地理解如何在Flex4中创建页面(状态),并实现页面间的逻辑切换及数据绑定。这对于构建复杂且交互丰富的Flex应用来说是非常重要的。
State组件是Flex中用于管理不同UI状态的机制,它允许开发者定义一个组件在不同场景下的多种外观和行为。例如,一个按钮在被点击时可能需要改变颜色或显示不同的图标,这些不同的表现形式就可以通过定义不同的State来...
在本实例中,我们将深入探讨Adobe Flex中的"transition"(过渡)和"state"(状态)的概念,这两个概念是创建动态且交互性丰富的用户界面的关键元素。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,它...
### Flex使用视图状态(View States)笔记 #### 视图状态概述 视图状态(View States,简称VS)是Adobe Flex框架中一个非常实用的功能,它允许开发者根据用户的交互或程序的状态来动态地更改界面元素的外观和行为。...
4. 使用TransitionManager:Flex提供了一个名为`TransitionManager`的类,可以帮助我们方便地管理状态之间的过渡。我们可以在代码中创建一个过渡对象,设置其持续时间、缓动效果等参数,然后将其应用于需要转换的...
### Flex4之控制状态转换及产生动画特效详解 #### 一、引言 Flex4作为Adobe公司的开源框架,因其强大的跨平台能力与丰富的组件库,被广泛应用于开发复杂的富互联网应用(RIA)。本文将详细介绍如何利用Flex4实现登录...
在这段代码中,首先定义了按钮的四种状态(`up`、`over`、`down` 和 `disabled`),然后通过`[HostComponent("spark.components.Button")]`元数据指定该皮肤适用于 `Button` 组件。接下来,定义了按钮的主要视觉元素...
在Flex4中,皮肤定制是UI设计的重要组成部分,它允许开发者根据需求自定义组件的外观和交互效果。本主题主要围绕`SparkSkin`类和`Skin`类展开,这两类在Flex4的皮肤定制中扮演着核心角色。 **SparkSkin介绍** `...
7. **状态管理**:Flex 4中的State机制允许根据不同的应用状态改变界面布局。在登录DEMO中,可能有登录前后的不同状态,比如错误提示状态或成功登录后的主界面状态。 8. **样式表(CSS)**:Flex 4支持使用CSS来...
第7章 特效effect和状态state 第8章 Flex与Flash无缝衔接 第9章 综合演练:实现仿Office 2007风格的界面 第3篇 组件高效技法篇 第10章 PopUpManager与ToolTipManager 第11章 Form组件与基本表单元素 第12章 ...
5. **状态管理**:游戏可能有多个阶段或状态,Flex的State机制可以方便地切换UI布局和行为,适应不同游戏阶段的需求。 6. **XML数据存储**:游戏物品信息可能以XML格式存储,利用Flex的XML类进行读取和解析,便于...
10. **State管理**: 通过状态管理,可以轻松地改变应用程序的不同视图,适应不同场景的需求。 11. **移动开发**: Flex4支持创建跨平台的移动应用,通过Adobe AIR运行时可以在iOS和Android等平台上运行。 通过...