3.14.將ViewStack 的選中索引數(shù)綁定到一個(gè)變量上

2024-04-27 13:51:49

字體：大中小

供稿：網(wǎng)友

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

-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>