Flex学习笔记1

Flex学习笔记:
    前几天大概看了一本电子书,对flex的所有内容有了大概的了解,今天开始阅读一本实例类型的书,并准备做点儿笔记,把知识点掌握牢固.以前看书学东西,看太快了,一本两书天读完没有足够实践和总结,很快就忘了.这次尝试改变这个情况.

 

1.使用容器

Flex内置了很多布置组建的容器,通过容器的嵌套使用,可以很方便的布局.
VBox,子元素垂直方向排列.
HBox子元素水平方向排列.
Canvas,使用x,y坐标绝对布局或使用约束布局.
Application和Panel通过设置layout属性,兼具VBox,HBox,Canvas的功能.
Title,将子元素排列成一个或多个列或行.每个单元排在正方形网格中.
ControlBar可用于把工具栏停靠在Panel或TitleWindow容器的底部.
ApplicationControlBar可以将工具栏停靠在在应用程序的顶部,占满应用程序的最大宽度,不随应用程序滚动而滚动.

 

2.使用约束布局

    使用绝对布局的容器中,可以通过设置子元素的left,top,right,buttom,horizontalCenter,verticalCenter属性指定相对这些边的绝对距离.
    还可以使用ConstraintColumn,ConstraintRow把容器分成逻辑上的行和列.在使用约束的时候,就可以相对这些逻辑上的行和列.比如<mx:Button left="col1:10" right="col2:10" />,其中col1和col2是逻辑列的id.

3.视图状态.

    视图状态提供动态修改视图的方式.
    视图状态时为一个应用程序或自定义组建定义的若干视图之一.一个视图状态可声明相对于某个视图状态添加或删除哪些组建,修改那些属性.通过currentState属性设置当期的视图状态.
    通过<mx:SetProperty />修改属性,使用<mx:AddChild />添加子元素,通过relativeTo指定添加的子元素的父容器.