如何使用Flex LinkBar

最新推荐文章于 2017-12-07 17:26:05 发布

最新推荐文章于 2017-12-07 17:26:05 发布 · 156 阅读

文章标签：

#Flex #XML

Button Controls -- Visual Components -- Flex 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用 Flex 框架中的 LinkBar 控件的简单示例。该示例展示了如何通过 LinkBar 控件选择不同的视图堆栈容器，从而实现界面的动态切换。LinkBar 控件被配置为具有蓝色加粗的文字样式，并且数据提供者设置为一个包含三个子容器（搜索、客户信息、账户信息）的视图堆栈。

<?xml version="1.0"?>
<!-- Simple example to demonstrate the LinkBar control. -->
<!--
	如何使用Flex LinkBar
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Panel title="LinkBar Control Example" 
        height="75%" width="75%" horizontalAlign="center"
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">

        <mx:Text width="100%" 
            text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>

        <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>        

        <!-- Define the ViewStack and the three child containers. -->
        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">

            <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
                <mx:Label text="Search Screen" color="#000000"/>
            </mx:Canvas>

            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
                <mx:Label text="Customer Info" color="#000000"/>
            </mx:Canvas>

            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
                <mx:Label text="Account Info" color="#000000"/>
            </mx:Canvas>
        </mx:ViewStack>

    </mx:Panel>
</mx:Application>