Flex例3【创建适应浏览器的布局】

最新推荐文章于 2024-11-28 10:20:14 发布

游鱼_

最新推荐文章于 2024-11-28 10:20:14 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wwj256/article/details/84665070

本文介绍如何使用CreateaConstraint-basedLayout在Flex中定位和调整组件大小。通过设置组件与边框的距离来实现水平和垂直方向的位置及大小调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Create a Constraint-based Layout
主要是设置好各元素与边框之间的距离。也就是right，left，top，bottom。

Maintain the component's position and size 【None】
Move the component horizontally【Right】
Move the component vertically【Bottom】
Move the component both horizontally and vertically【Right + Bottom】
Resize the component horizontally【Left + Right】
Resize the component vertically【Top + Bottom】
Resize the component both horizontally and vertically【Left + Right + Top + Bottom】
Center the component horizontally【Horizontal center】
Center the component vertically【Vertical center】

MXML代码如下：

程序代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Label x="20" y="60" text="E-mail:"/>
    <mx:TextInput y="60" left="90" right="60"/>
    <mx:Label x="20" y="90" text="Comment:"/>
    <mx:TextArea left="90" right="60" top="90" bottom="190"/>
    <mx:Button label="send" right="60" bottom="150"/>
</mx:Application>
文章来自: 闪客居(www.flashas.net) 详文参考：http://www.flashas.net/html/Flex/20070929/2178.html