我们需要使用LinkBar 组件控制ViewStack
使用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>