如何使用Flex HDividedBox

最新推荐文章于 2017-05-24 16:52:56 发布

原创最新推荐文章于 2017-05-24 16:52:56 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #XML

Flex 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种使用 Flex HDividedBox 的布局方式，通过拖动分割条来调整子组件的大小。提供了示例代码，展示了如何创建可调整大小的容器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

    <mx:Panel title="HDividedBox Container Example" width="90%" height="90%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue"
            text="Drag the divider side to side to resize the children."/>

        <mx:HDividedBox width="100%" height="100%">

            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
                <mx:Label text="Add components here" fontWeight="bold"/>
            </mx:Canvas>

            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
                <mx:Label text="Add components here" fontWeight="bold"/>
            </mx:Canvas>

        </mx:HDividedBox>

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