flex学习笔记 state（一）

flex4 API里面介绍：

??? State 类定义视图状态，即组件的特定视图。例如，产品缩略图可以有两个视图状态，包含最少信息的基本视图状态和包含附加信息的丰富视图状态。overrides 属性指定一组要添加到基本视图状态或从基本视图状态中删除的子类，以及当视图状态有效时要设置的属性、样式和事件处理函数。

可以在 Flex 组件的 states 属性中使用 State 类。只能在应用程序或自定义控件的根中指定 states 属性，而不能在子控件中指定。

可通过设置组件的 currentState 属性来启用视图状态。

一、 状态的定义：

? 只需在<states></states>标签内定义状态就可以了。

?

 
 

<s:states>?
  
  

????<s:State?name="default"/>?

  
  

????<s:State?name="selected"/>?

  
  

</s:states>?

 
 

二、 状态的改变：

可通过改变组件的 currentState 属性来更换状态。

?

 
 

<s:Button?label="123123"??label.selected="44455"?click="currentState='selected';"?click.selected="currentState='default';"/>?
  
  

???<s:Button?label="hello"??label.selected="world"??click="currentState='selected';"?click.selected="currentState='default';"/>?

 
 

label="hello"? label.selected="world"? 表示状态对应的效果

效果就是：点击按钮 按钮会改变状态，文本会发生变化。