如何使用Flex HBox

最新推荐文章于 2025-06-10 15:14:17 发布

最新推荐文章于 2025-06-10 15:14:17 发布 · 212 阅读

文章标签：

#Flex #XML

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

18 篇文章

订阅专栏

本文介绍了一个简单的 Flex HBox 布局容器示例，展示了如何使用 HBox 容器来水平排列子组件，如按钮和组合框等。


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

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

       <mx:Label width="100%" color="blue"
           text="An HBox container with horizontally aligned children."/>

       <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
               paddingLeft="10" paddingRight="10">

            <mx:Button label="Button 1"/>
            <mx:Button label="Button 2"/>
            <mx:Button label="Button 3"/>
            <mx:ComboBox/>

        </mx:HBox>

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