3.2 根据比例设定对象的位置和尺寸
3.2.1 问题
你需要依据其父控件的尺寸来确定子对象的大小。
3.2.2 解答
用百分比调整尺寸,这样如果组件的尺寸变了,Flex框架会自动调整它的子对象的大小。
3.2.3 讨论
百分比布局是强有力的工具,它可以让你很容易地根据父对象来确定子对象的大小和位置。例如,如下的RelativePositioningChild.mxml组件按照父对象的宽的40%和高的70%来布局。
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="40%" height="70%" background
Color="#0033ff">
<mx:Image source="@Embed('../../assets/image.png')"/>
<mx:Image source="@Embed('../../assets/image.png')"/>
</mx:VBox>
在下面的例子中,RelativePositioningChild的多个实例放到了一个父容器里,这个容器也是按比例确定尺寸的。无论它被添加到哪个容器,这个父容器将决定它的大小,进而决定它的子对象的大小。
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="75%" height="50%" background
Color="#0099ff" alpha="0.3" xmlns:cookbook="oreilly.cookbook.*">
<cookbook:RelativePositioningChild/>
<cookbook:RelativePositioningChild/>
</mx:HBox>
为了说明比例尺寸的效果,上面的程序片段被保存为RelativePositioningParent.mxml,并在下面使用:<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
xmlns:cookbook="oreilly.cookbook.*">
<mx:Script>
<![CDATA[
private function changeWidth():void
{
this.width = slider.value*150;
}
]]>
</mx:Script>
<cookbook:RelativePositioningParent/>
<mx:HSlider id="slider" change="changeWidth()"/>
</mx:Application>
当滑块改变应用的宽度时,RelativePositioningParent和RelativePositioningChild根据它们的父对象重新确定自己的大小和位置。
分享到:
相关推荐
Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.
Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青
Flex3 CookBook 教程 Flex3 CookBook 教程
Flex 3 Cookbook[中文版].pdf 网络上大力推荐的Flex学习图书
Flex 3 Cookbook by Joshua Noble; Todd AndersonPublisher: O'ReillyPub Date: May 6, 2008 Print ISBN-13: 978-0-596-52985-7 Pages: 704 The best way to show off a powerful new technology is to demonstrate...
Flex3CookBook中文版Flex3CookBook中文版Flex3CookBook中文版Flex3CookBook中文版
Flex 4 Cookbook
Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版
Flex 3 CookBook源码 Flex 3 CookBook源码
Flex 3 Cookbook.pdfFlex 3 Cookbook.pdfFlex 3 Cookbook.pdfFlex 3 Cookbook.pdf
flex3 cookbook bonus chapter 代码
flex3cookbook.rar Flex的资源很少 珍惜
flex3 cookbook 范例数据,homesforsale.xml
flex3 cookbook 英文版pdf
flex4 cookbook下载flex4 cookbook下载flex4 cookbook下载flex4 cookbook下载flex4 cookbook下载flex4 cookbook下载
Flex 4 Cookbook 英文版( pdf 非影印版)
flex3 Cookbook中文版,适合flex学习入门,讲解比较详细,有较多的例子代码
Flex 3 Cookbook(英文版)