给tab选项卡加上icon

最新推荐文章于 2024-02-26 17:45:45 发布

hanyiduo1

最新推荐文章于 2024-02-26 17:45:45 发布

阅读量644

点赞数

分类专栏： Flex 文章标签： XML

本文链接：https://blog.csdn.net/hanyiduo1/article/details/83323346

版权

Flex 专栏收录该内容

52 篇文章 0 订阅

订阅专栏


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 

    <mx:Script> 
        <![CDATA[ 
            [Bindable] 
            [Embed(source="assets/bulletCheck.png")] 
            private var BulletCheck:Class; 

            [Bindable] 
            [Embed(source="assets/bulletWarning.png")] 
            private var BulletWarning:Class; 

            [Bindable] 
            [Embed(source="assets/bulletCritical.png")] 
            private var BulletCritical:Class; 
        ]]> 
    </mx:Script> 

    <mx:VBox id="box" width="400" verticalGap="0"> 
        <mx:TabBar id="tabBar" 
                direction="horizontal" 
                dataProvider="{viewStack}" 
                width="100%" /> 

        <mx:ViewStack id="viewStack" 
                width="100%" 
                height="100" 
                backgroundColor="white" 
                borderSides="left bottom right" 
                borderStyle="solid" 
                borderThickness="1"> 

            <mx:Canvas id="child1" 
                    label="Success" 
                    icon="{BulletCheck}"> 
                <mx:Label text="one" /> 
            </mx:Canvas> 

            <mx:Canvas id="child2" 
                    label="Warning" 
                    icon="{BulletWarning}"> 
                <mx:Label text="two" /> 
            </mx:Canvas> 

            <mx:Canvas id="child3" 
                    label="Error" 
                    icon="{BulletCritical}"> 
                <mx:Label text="three" /> 
            </mx:Canvas> 

        </mx:ViewStack> 
    </mx:VBox> 

</mx:Application>