Flex 4 状态——“正确”句法

Question

好的，有人可以告诉我在 Flex 4 中的 mxml 中执行状态的 REAL 语法吗？？？

我已经看到了以下两种方法（并实现了两种方法），但不知道哪种方法是“正确的”或首选的。

在组件中的

<fx:Declarations>
  ...
  <s:State name="state1" />
  <s:State name="state2" />
  <s:State name="state3" />
</fx:Declarations>

<s:Button id="button1" ... />
...
<more components>

或

“最顶层”级别中

<s:states>
  <s:State name="state1" />
  <s:State name="state2" />
  <s:State name="state3" />
</s:states>

<s:Button id="button1" ... />
...
<more components>

Answer 1

可能是第二个；但这取决于你想做什么。

此语法：

<fx:Declarations>
  ...
  <s:State name="state1" />
  <s:State name="state2" />
  <s:State name="state3" />
</fx:Declarations>

在类 State 的组件内创建三个变量。这与在 ActionScript 中执行类似操作相同：

var myState1 : State = new State();
var myState1 : State = new State();
var myState1 : State = new State();

在组件上创建状态时，您可能想要做的不仅仅是创建状态。您想要将该状态指定为当前组件的状态。

这就是第二个语法的实际作用：

<s:states>
  <s:State name="state1" />
  <s:State name="state2" />
  <s:State name="state3" />
</s:states>

这将创建三个状态变量作为数组，并将它们分配给顶级组件的状态属性。从概念上讲，就像 ActionScript 中的这样：

var myState1 : State = new State();
var myState1 : State = new State();
var myState1 : State = new State();
this.states = new Array();
this.states.push(myState1);
this.states.push(myState2);
this.states.push(myState3);

编译器完全有可能对第一个语法进行一些魔法来创建这些状态实例并将它们分配给 states 数组，但我不确定。我以前从未见过有人使用该语法。我希望这两种方法都能编译。我只希望第二种方法能够在可以切换的组件上实际创建状态。