如何使用Flex Canvas

最新推荐文章于 2022-08-16 17:51:24 发布

iteye_19580

最新推荐文章于 2022-08-16 17:51:24 发布

阅读量197

点赞数

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

Containers -- Visual Components -- Flex 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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

    <mx:Panel title="Canvas Container Example" height="95%" width="95%" 
        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">

        <mx:Label width="100%" color="blue" 
            text="Use absolute positioning to place the children of a Canvas container."/>

        <mx:Canvas borderStyle="solid" height="200" width="100%">

            <!-- Stagger the position of the TextInput controls using absolute positioning.-->
            <mx:TextInput width="100" x="50" y="5"/>
            <mx:TextInput width="100" x="100" y="30"/>
            <mx:TextInput width="100" x="150" y="55"/>

            <!-- Overlap the VBox containers using layout constraints.-->
            <mx:VBox right="115" bottom="50" width="75" height="75" backgroundColor="#0080C0"/>
            <mx:VBox right="70" bottom="30" width="75" height="75" backgroundColor="#FFFF80"/>
            <mx:VBox right="25" bottom="10" width="75" height="75" backgroundColor="#8080C0" alpha="0.8"/>

            <mx:Text right="25" y="110"
                text="The Canvas container lets you place components on top of each other."/>
        </mx:Canvas>

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