当前位置:   article > 正文

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

hbox和vbox的宽度

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

HBoxVBox组件都有属性horizontalAlign horizontalCenterverticalAlignverticalCenter

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

 

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

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

horizontalCenterverticalCenter都是绝对布局。

eg:

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/117457
推荐阅读