flex布局

flex存在着两种布局模型.
第一种,absolute布局模型,
这种布局非常简单.填完每个控件的x坐标y坐标.再加上控件大小。然后打开预览模式。看着像那么回事情,就pass了.
但简单意味着麻烦。这种布局有个前提,就是假设使用者的桌面大小和桌面分辨率率和你一模一样。这样在对方机器上看到的效果才能和你一模一样,如果不一样。你的程序在使用者那里看起就会惨不忍睹。

ok,welcome to the real world.
让我们隆重介绍一下解决上述缺点的布局方式。

第二种,box布局模型.
box模型非常简单.你把桌面想象成一个盒子.你的每一个控件占满盒子的一部分.
这样当盒子大小变化时,你控件相应变化大小.这样.我们就远离了第一种用户布局模型了。
嗯,问题来了,把我们控件放到盒子里,既可以横着拜,也能够竖着摆.怎么搞?
flex提供了两种盒子,hbox和vbox.
hbox,Horizontal Box.这个盒子里所有控件都是水平放置的.
vbox,Vertically Box,这个盒子里所有控件都是垂直放置的.

通过这两种盒子东拼西凑,一个经得起时代变化,哦不对,经得起桌面变化的布局就此诞生了。

思维发散一下,如果我需要动态改变盒子里控件的大小怎么办?
flex提供了一个盒子,叫做DividedBox,可以解决这个问题
他有两个子类,HDividedBox和VDividedBox.顾名思义是对应Hbox,Vbox.
但与之不同的是DividedBox在他的子对象里增加了可以拖动的分割栏。这样我们就能动态改变子控件的大小了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值