3.13.通过LinkBar 控制ViewStack

2023-08-08 22:33:13

字体：大中小

来源：转载

供稿：网友

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>