flex中HBox,VBox布局

关注

转载最新推荐文章于 2026-04-19 11:00:48 发布 4.1k 阅读 AI 写同款· GEO 优化 ›

MCGS触摸屏数据记录与U盘导出配置全解析在工业自动化现场，数据记录是设备运行状态分析与故障追溯的基础。HMI触摸屏作为人机交互核心，不仅承担实时监控任务，还负责过程数据的存储与导出。理解数据采集周期、存盘机制与存储介质的匹配原理，能帮助工程师高效配置数据记录功能。合理运用定时存盘、存盘组与U盘导出，可支撑设备趋势分析、报表生成及事故排查。本文以MCGS触摸屏为例，详解数据记录的完整组态流程，并汇总常见配置陷阱与排查思路，为现场调试与长期运维提供可落地的技术参考。阅读详情

HBox 是横向布局，VBox是重向布局。
HBox、VBox组件都有属性horizontalAlign ，horizontalCenter，verticalAlign，verticalCenter。
而horizontalAlign ，horizontalCenter是水平居中，verticalAlign，verticalCenter是垂直居中。
例如：
<mx:HBox width="100%" height="100%" verticalCenter="0" verticalAlign="middle" horizontalAlign="center" horizontalCenter="0">    
       <mx:VBox height="100%" verticalAlign="middle" horizontalAlign="center">
              <mx:Button verticalCenter="0" label="上"  width="10" height="50" fillAlphas="0" click="prev_pic(event)"/>
       </mx:VBox>    
       <mx:Button icon="@Embed('assets/nextbutton_up.png')" width="10" height="50"/>
</mx:HBox>
 
horizontalAlign 的属性值是left(左边)，center(中间)，right(右边)。
verticalAlign的属性值是top（顶部），middle（中间），bottom（底部）。
而horizontalCenter，verticalCenter都是绝对布局。