flex中HBox,VBox的布局、其中组件的布局 (自动居中)

最新推荐文章于 2024-02-02 14:11:54 发布

Nocturne2011

最新推荐文章于 2024-02-02 14:11:54 发布

阅读量4.1k

点赞数 1

分类专栏： Flex学习笔记文章标签： flex 布局 button

本文链接：https://blog.csdn.net/qiuzhping/article/details/21021563

版权

Flex学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HBox 是横向布局，VBox是重向布局。

HBox、VBox组件都有属性horizontalAlign ，horizontalCenter，verticalAlign，verticalCenter。

而horizontalAlign ，horizontalCenter是水平居中，verticalAlign，verticalCenter是垂直居中。

horizontalAlign 的属性值是left(左边)，center(中间)，right(右边)。

verticalAlign的属性值是top（顶部），middle（中间），bottom（底部）。

而horizontalCenter，verticalCenter都是绝对布局。

eg:

<!-- Modify by Peter 自动居中按钮 -->
	      <mx:HBox width="100%" height="100%" verticalCenter="0" verticalAlign="middle" horizontalAlign="center" horizontalCenter="0">    
			<mx:Button label="{this.resourceManager.getString('language','btn.close')}" click="close()" icon="{ModelLocator.closeIcon}"/>
			<mx:Button id="btnSave" enabled="true" label="{this.resourceManager.getString('language','btn.save')}" click="saveCheck(event)" icon="{ModelLocator.saveIcon}"/>
		  </mx:HBox>