3.14.將ViewStack 的選中索引數綁定到一個變量上

2024-04-27 13:51:49

字體：大中小

來源：轉載

供稿：網友

3.14.1 問題
我們需要將ViewStack的selectedIndex屬性綁定到一個可以在組件的其他地方改變的整數變量。
3.14.2 解決辦法
申明一個可綁定的變量，然后將ViewStack 控件的選中索引屬性綁定到它上。
3.14.3 討論
在LinkBar 控件的情形下，ViewStack 的選中項目會自動綁定到LinkBar 的選中項目上。當使用其它控件時，ViewStack 或其他擁有多個同時顯示的子組件的控件的選中索引或者項目，需要綁定到一個可綁定的變量或者對其設置事件。要使用其他方法來控制ViewStack，將ViewStack 的selectedIndex 屬性綁定到變量上，然后在程序運行時改變其值。

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400"
height="300" click="changeViewStack()">
<mx:Script>
<![CDATA[
[Bindable]
private var selectedIndexInt:int = 0;
private function changeViewStack():void
{
if(selectedIndexInt == 2)
{
selectedIndexInt = 0;
}
else
{
selectedIndexInt++;
}
}

]]>
</mx:Script>
<mx:ViewStack selectedIndex="{selectedIndexInt}">
<mx:HBox height="{this.height}" width="{this.width}">
<mx:Label text="First View Item"/>
<mx:Label text="First View Item"/>
</mx:HBox>
<mx:VBox height="{this.height}" width="{this.width}">
<mx:Label text="Second View Item"/>
<mx:Label text="Second View Item"/>
</mx:VBox>
<mx:Canvas height="{this.height}" width="{this.width}">
<mx:Label text="Third View Item"/>
<mx:Label text="Third View Item" y="40"/>
</mx:Canvas>
</mx:ViewStack>
</mx:Canvas>