宝哥软件园

Flex 3布局容器学习笔记排列

编辑:宝哥软件园 来源:互联网 时间:2021-10-26

好文章Flex3界面布局教程(1)//www . JB 51 . net/article/20349 . htm flex 3界面布局教程(2)//www . JB 51 . net/article/20350 . htm flex组件定位与布局http://www.adobe.com/cn/devnet/. flex/quick start/Layout _ modes/Using Layout Containers http://livedocs.adobe.com/flex/3/html/help.html? Content=layouts _ 07 . html基本上看完前三篇文章,我们就可以做好这方面的工作。最后一个是关于简单布局的官方手册。当你有时间了解更多细节时,你可以阅读它。让我们开始分享我的学习笔记(用波兰语)。内容与以上四篇文章不分离,不感兴趣的朋友可以跳过。定位模式要了解flex的界面布局,首先要了解它的定位模式。Flex的自由在于你可以用mxml编写很多定位模式的代码。当这些固定属性发生冲突时,会根据优先级自动执行优先级最高的固定属性。你不必担心不记得这些优先事项。当IDE flex检测到冲突时,它会在问题框中显示一个警告,这样您就可以删除优先级较低的定位属性。很多定位模式的第一种是绝对模式,就是你通过一定的值来设置x、y、宽、高属性;使用绝对模式时,您需要知道控件的位置并确定其大小。显然,您的客户很难轻松获得适应客户屏幕和习惯的布局,因此我们更多地使用自动定位。自动定位还是不够灵活。此时,我们可以使用基于约束的布局。顾名思义,这是一种通过描述布局与容器的关系来实现布局的方法。通过使用子组件的顶部、底部、左侧、右侧、水平中心或垂直中心样式属性来指定限制。关于这方面的更多信息可以在上面推荐的第三篇文章中找到。HBox、VBox和Spacer这两个Box类是用于约束其中组件布局的“不可见”控件。如果你使用过wxWidgets,你一定非常熟悉它们。这种基于框和约束属性的布局方法可以很容易地随着父控件的大小改变比例。唉,我记得我用MFC达到这个效果的时候写了多少代码,调试了多少晚上!在Box控件中,两个控件之间的距离是由verticalGap属性设置的,默认值不是0,所以如果要将两个控件靠得很近,需要手动设置为0;如果要独立调整两个控件之间的间隔,可以使用“不可见和可见”控件间隔来分隔它们。间隔器在界面上显示为纯透明组件,所以不可见,但可以起到空白的作用,所以可以再次看到。它的宽度和高度属性可以相应的让HBox和VBox控制的组件更加美观。ApplicationControlBar如果您有使用Win32 SDK或MFC接口编程的经验,那么您一定对在工具栏中添加组合框或编辑的需求感到抓狂。现在不要害怕,来到灵活的世界。对于这样的问题,使用ApplicationControlBar是一个相当小的例子。看看下图有多复杂。使用时是1 1=2的小箱子。

DividedBox、HDI-IVIDED Box、VDividedBox更不用说MFC了,甚至wxWidgets都可以用来做一个分割组件,可以随时拖拽来改变分割比例。然而,在Flex时代,一切都变得非常容易。使用DividedBox及其子类可以像使用Box及其子类一样轻松地分割组件。下面是一个活生生的例子。拖动中间的分隔线可以随时更改大小比例。

除了这些,还有最常用的容器Canvas,ControlBar,ApplicationControlBar的基类,具有web特性的表单form,FormHeading,Anditem,类似Box,Panel,Tile和TitleWindow的Grid,这些都可以在手册里看到,或者同一句话:有空的时候,看看他妈的手册;在工作中,谷歌是你的朋友。

更多资讯
游戏推荐
更多+