如何使用Flex VDividedBox

iteye_19580

于 2009-07-08 12:43:07 发布

阅读量115

点赞数

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

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

18 篇文章

订阅专栏

本文介绍 Flex VDividedBox 布局的使用方法，并通过示例展示了如何调整布局中子组件的大小。VDividedBox 是一种垂直分割布局，允许用户通过拖动分割条来调整子组件的大小。

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

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

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

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

        <mx:VDividedBox 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:VDividedBox>

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