007 使用绝对值定位

最新推荐文章于 2024-12-02 19:27:23 发布

最新推荐文章于 2024-12-02 19:27:23 发布 · 192 阅读

文章标签：

#Flex #XML

Flex 专栏收录该内容

15 篇文章

订阅专栏

本文通过实例展示了如何在Flex中使用绝对定位来精确控制子组件的位置。通过设置x和y属性，可以将按钮放置在画布上的指定位置。

在定义绝对值定位时，需要定义子类控件的横坐标x、纵坐标y 的像素值。
Flex 默认子类位置是 (0,0)。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="280" height="240">
    <!-- 定义 画布 容器 -->
    <mx:Canvas borderStyle="solid" width="100%" height="100%" backgroundColor="white">
        <!-- 定义 两个 按钮，按钮A 大小 大于 按钮B -->
        <mx:Button id="buttonA" label="按钮 A" width="150" height="50"/>
        <mx:Button id="buttonB" label="按钮 B"/>
    </mx:Canvas>
</mx:Application>

[img]/upload/attachment/115808/fd1688a4-d861-31ef-9999-d51d4781152c.png[/img]
未定义绝对值

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="280" height="240">
    <!-- 定义 画布 容器 -->
	<mx:Canvas borderStyle="solid" width="100%" height="100%" backgroundColor="white">
	    <!-- 定义 两个 按钮，按钮A 大小 大于 按钮B -->
		<mx:Button  id="buttonA" label="按钮 A" width="150" height="50" x="5" y="5"/>
		<mx:Button id="buttonB" label="按钮 B" x="5" y="80"/>
	</mx:Canvas>
</mx:Application>

[img]/upload/attachment/115810/5d174979-3f82-3868-8cdc-ff5e9c8ea85d.png[/img]
使用绝对值定位