Flex4.5--Layout

iteye_10809

于 2015-03-07 16:20:58 发布

阅读量219

点赞数

CC 4.0 BY-SA版权

文章标签： Flex4.5--Layout

本文链接：https://blog.youkuaiyun.com/iteye_10809/article/details/82615341

本文介绍了Flex4.5中不同类型的布局容器及其使用方法，包括水平(HGroup)、垂直(VGroup)容器的使用，以及如何通过设置X和Y坐标实现绝对定位。此外，还介绍了如何在属性编辑器中指定布局方式及通过源代码添加布局。

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

Flex4.5--Layout

1 水平对齐容器HGroup

drag container-> HGroup to panel

drag two control-> button to container

2 垂直对齐容器HGroup

drag container-> VGroup to panel

drag two control-> button to container

3 绝对对其方式（相当于调整x和y轴的值）

drag container-> Group to panel

drag two control-> button to container

set the X AND Y value for the buttons

4 也可以直接在属性编辑器指定当前容器的布局方式

5 直接通过源代码模式添加布局

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<s:layout>
		<s:HorizontalLayout gap="20" verticalAlign="middle" horizontalAlign="center"/>
	</s:layout>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:Button label="Button"/>
	<s:Button label="Button"/>
	
</s:Application>