3.13.通過LinkBar 控制ViewStack

2024-04-27 13:51:50

字體：大中小

來源：轉載

供稿：網友

3.13.1 問題
我們需要使用LinkBar 組件控制ViewStack
3.13.2 解決辦法
使用LinkBar 的selectedIndex 或selectedItem 屬性的任意之一來決定顯示ViewStack的哪一條。
3.13.3 討論
LinkBar 既可以使用數組作為數據提供者，也可以使用一個擁有多個子組件的容器（例如ViewStack）作為數據提供者。后者對此節最有用。當你傳遞一個容器的時候，該容器選中顯示的項目將自動綁定到LinkBar 控件選中的項目上。這意味著可以把擁有多個子組件的容器傳遞給LinkBar 并且讓該容器的子組件關聯到LinkBar 上。

LinkBar 會為這些子組件自動添加相同個數的按鈕以正確設定ViewStack 的selectedChild 屬性。

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="800"
height="600">
<mx:LinkBar dataProvider="{viewStack}" direction="horizontal"
labelField="name"/>
<mx:ViewStack id="viewStack" y="60">
<mx:Panel width="150" height="150" name="first"
label="First Panel" title="First Panel">
<mx:Label text="First label"/>
</mx:Panel>
<mx:Panel width="150" height="150" name="second"
label="Second Panel" title="Second Panel">
<mx:Label text="Second label"/>
</mx:Panel>
<mx:Panel width="150" height="150" name="third"
label="Third Panel" title="Third Panel">
<mx:Label text="Third label"/>
</mx:Panel>
</mx:ViewStack>
</mx:Canvas>