ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2019-09-13 20:43:30  阅读:465  来源: 互联网

标签:flex horizontalCenter verticalAlign 布局 horizontalAlign VBox verticalCenter HBox


原文链接: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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有