其他分享
首页 > 其他分享> > flex中HBox,VBox的布局、其中组件的布局 (自动居中)

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

作者:互联网

原文链接:https://my.oschina.net/qiuzhping/blog/611686

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>

转载于:https://my.oschina.net/qiuzhping/blog/611686

标签:flex,horizontalCenter,verticalAlign,布局,horizontalAlign,VBox,verticalCenter,HBox
来源: https://blog.csdn.net/choupumi4274/article/details/100810040