005 使用约束布局定义组件大小

最新推荐文章于 2022-03-05 13:41:29 发布

最新推荐文章于 2022-03-05 13:41:29 发布 · 141 阅读

文章标签：

#XML

Flex 专栏收录该内容

15 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用Flex的约束布局来定义UI组件的位置与大小。具体包括设置按钮距离左边框60像素、右边框30像素以及垂直位置等细节。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  width="280" height="240">
    <!-- 定义 面板容器为 约束布局 -->
	<mx:Panel title="约束 控件大小 示例"  layout="absolute" width="100%" height="100%">
	    <!-- 定义 按钮 到左边框的 距离为 60像素，到右边框的 距离为 30像素-->
	    <mx:Button id="button1" label="按钮" left="60"  right="30" y="20"/>
	</mx:Panel>
</mx:Application>

[img]/upload/attachment/115802/2a9b58cc-e5ae-3ede-959a-f52c203607dc.png[/img]

约束布局定义组件大小