`
zhenping
  • 浏览: 80229 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

HBoxVBox组件都有属性horizontalAlign horizontalCenterverticalAlignverticalCenter

horizontalAlign horizontalCenter是水平居中,verticalAlignverticalCenter是垂直居中。

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

verticalAlign的属性值是top(顶部),middle(中间),bottom(底部)。

horizontalCenterverticalCenter都是绝对布局。

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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics