我们需要使用LinkBar 组件控制ViewStack
使用LinkBar 的selectedIndex 或selectedItem 属性的任意之一来决定显示ViewStack
的哪一条。
LinkBar 既可以使用数组作为数据提供者,也可以使用一个拥有多个子组件的容器(例如
ViewStack)作为数据提供者。后者对此节最有用。当你传递一个容器的时候,该容器选中
显示的项目将自动绑定到LinkBar 控件选中的项目上。这意味着可以把拥有多个子组件的容
器传递给LinkBar 并且让该容器的子组件关联到LinkBar 上。LinkBar 会为这些子组件自动
添加相同个数的按钮以正确设定ViewStack 的selectedChild 属性。
使用LinkBar 的selectedIndex 或selectedItem 属性的任意之一来决定显示ViewStack
的哪一条。
LinkBar 既可以使用数组作为数据提供者,也可以使用一个拥有多个子组件的容器(例如
ViewStack)作为数据提供者。后者对此节最有用。当你传递一个容器的时候,该容器选中
显示的项目将自动绑定到LinkBar 控件选中的项目上。这意味着可以把拥有多个子组件的容
器传递给LinkBar 并且让该容器的子组件关联到LinkBar 上。LinkBar 会为这些子组件自动
添加相同个数的按钮以正确设定ViewStack 的selectedChild 属性。
<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>