module学习(12)

最新推荐文章于 2024-08-22 07:30:00 发布

原创最新推荐文章于 2024-08-22 07:30:00 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#module

flex 专栏收录该内容

88 篇文章

订阅专栏

本文介绍了一个使用 FlexGrid 的界面布局方案，重点在于展示如何通过 GridRow 和 GridItem 设置授权掩码输入框和备注区域。该布局采用固定宽度与百分比宽度相结合的方式，并通过特定样式统一界面元素。

<mx:GridRow width="100%">
<mx:GridItem horizontalAlign="right" borderStyle="solid" borderSides="bottom,left,right" width="100" height="35" verticalAlign="middle" borderColor="#377EAE">
<mx:Label text="授权掩码："/>
</mx:GridItem>
<mx:GridItem borderStyle="solid" borderSides="bottom,right" width="100%" verticalAlign="middle" borderColor="#377EAE">
<mx:Label text="" color="red" width="2"/>
<mx:TextInput id="adminCode" width="300" maxChars="50"/>
<mx:Label text="*" color="red" width="10"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%">
<mx:GridItem horizontalAlign="right" borderStyle="solid" borderSides="bottom,left,right" width="100" height="35" verticalAlign="middle" borderColor="#377EAE">
<mx:Label text="备注："/>
</mx:GridItem>
<mx:GridItem borderStyle="solid" borderSides="bottom,right" width="100%" verticalAlign="middle" borderColor="#377EAE">
<mx:Label text="" color="red" width="2"/>
<mx:TextArea id="desc" width="300" maxChars="2000" height="80"/>
</mx:GridItem>
</mx:GridRow>