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

当前位置：主页>Flex>文章内容

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

来源：作者： 2007-09-29 【大中小】

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】

效果可以看下面的例子..布局能适应浏览器的大小：attachments/month_0609/6200692595317.swf

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>

上一篇：Flex例2【获取和显示数据】下一篇：Flex例4【列表形式控件的运用】

·在Flex 3中创建3D产品查看器	·Flex sdk4 ( 代号 Gumbo ) 下载
·如何创建简单的Flex模块(module)的	·Flex 之旅(一)寻找 web 开发的最佳
·通过Ruboss让Flex与Rails完美结合	·开始使用Flex Mate 框架
·flex制作一个用户登录框(含验证码)	·Flex 与 Servlet 通讯（上）
·使用 PHP 和 Flex 构建仪表板	·用FLEX实现屏幕快照及下载

辅助软件

·Sothink FLV Converter 1.0 - FLV 视频转换
·Flash实时调试器分享下载 — AGE Live Debu
·支持Actionscript 3.0 的UML工具
·正则表达测试工具(RegexTestTool)
·AS3.0(ActionScript3.0)的开发工具
·ThunderBoltAS3-Flex/Flash调试器
·分享两个as3代码混淆器
·AIR开发的as3 swf加密工具(测试还不错)
·SWF Encrypt 5.0 Beta下载试用
·生成flash的set get代码的小工具
·实用的flex 矢量转换程序
·实用的flex 矢量转换程序

FLASH源文件

·Flash Xml 作品展示分类分页带简介功能	·FLASH 做的简易画板 (AS2.0)
·A*寻路算法	·Airmp3播放器
·音乐玩伴	·苹果菜单
·扫雷游戏	·涂鸦中的橡皮功能
·常用图片滑行放大展示(as3.0)	·拼图游戏(as3.0)
·flash+jsp留言本	·韩式菜单
·树形展开菜单	·MC连线缓动演示
·轮播图片百叶窗遮罩效果	·横向滚动菜单
·电波IE浏览器flex源码	·分时秒倒计时闹钟

admin#flashas.net （#为@）联系QQ：

：40777822 浙ICP备06033001号
（本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。）