Flex学习记录(通过LinkBar 控制ViewStack)

我们需要使用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>

你可能感兴趣的:(Flex)