如何使用Flex LinkBar

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

iteye_19580

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

阅读量117

点赞数

分类专栏： Button Controls -- Visual Components -- Flex 文章标签： Flex XML

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

9 篇文章 0 订阅

订阅专栏

<?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>