Flex学习之路之二十四 Spark ButtonBar 和 TabBar的使用

最新推荐文章于 2017-10-18 17:05:34 发布

原创最新推荐文章于 2017-10-18 17:05:34 发布 · 350 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

flex

本文介绍了一个使用Adobe Flex构建的应用程序示例，该示例通过Spark ButtonBar组件实现视图之间的导航，并利用ViewStack来管理多个子容器。具体展示了如何定义和配置Spark ButtonBar及ViewStack组件，实现不同屏幕间的平滑切换。

<?xml version="1.0"?>
<!-- containers\navigators\VSSparkButtonBar.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   xmlns:s="library://ns.adobe.com/flex/spark">
	<s:VGroup>
		<!-- Create a Spark ButtonBar control to navigate
		the ViewStack container. -->
		<s:ButtonBar dataProvider="{myViewStack}"/>
		<!-- Define the ViewStack and the three child containers. -->
		<mx:ViewStack id="myViewStack"
					  borderStyle="solid"
					  width="100%">
			<s:NavigatorContent id="search" label="Search">
				<s:Label text="Search Screen"/>
			</s:NavigatorContent>
			<s:NavigatorContent id="custInfo" label="Customer Info">
				<s:Label text="Customer Info"/>
			</s:NavigatorContent>
			<s:NavigatorContent id="accountInfo" label="Account Info">
				<s:Label text="Account Info"/>
			</s:NavigatorContent>
		</mx:ViewStack>
	</s:VGroup>
</s:Application>

标签

#flex #TabBar #Spark ButtonBar