Flex控件工具大全

开发 后端
你对Flex控件的概念是否比较熟悉,这里和大家分享一下,Flex控件分为2种,一种是布局控件,另外一种是元素控件。

本文和大家重点讨论一下Flex控件的用法,Flex控件分为2种,一种是布局控件,另外一种是元素控件。比如Canvas控件,Canvas容器绘置一个长方形的区域用来放置子组件(其他容器或者控件)。

Flex控件详解

Flex控件分为2种,一种是布局控件,另外一种是元素控件。

Canvas

Canvas容器绘置一个长方形的区域用来放置子组件(其他容器或者控件),与其他容器不同,Canvas子组件的位置必须指定绝对坐标或使用约束条件布局。

Box,HBox,andVBox

Box容器用来横向或者纵向的放置子组件,使用direction属性来决定是横向布局还是纵向布局。HBox,VBox就是指定了direction属性的Box。

ControlBar

Flex控件中ControlBar容器一般与Panel容器或者TitleWindow容器配合使用,比如在Panel容器的底部放置一个ControlBar作为Footer。

ApplicationControlBar

ApplicationControlBar容器一般起到导航的作用,作用于整个应用程序的运行期间,比如我们使用的Word,Excel顶部用来放置工具栏和菜单栏的区域。
ApplicationControlBar容器有2种模式,分别是Docked模式和Normal模式。Docked模式将ApplicationControlBar容器一直显示的停靠在应用程序的顶部,并且自动将宽度调整为应用程序的宽度。Normal模式可以将ApplicationControlBar容器以任意的大小放置在应用程序的任何位置。

DividedBox,HDividedBox,andVDividedBox

DividedBox容器类似与Box容器,用来横向或者纵向的放置子组件,不同的是DividedBox用显示的间隔物将自组件分割开,你可以拖动间隔物来扩大或缩小每个子组件所占的空间,HDividedBox和VDividedBox相与DivideBox的区别与HBox和VBox相对与Box的区别一样。

Form,FormHeading,andFormItem

Form是Web应用最为常见的容器了,常见的有用户注册,帐单信息等。FormHeading用来区分每一组Form信息,如用户注册的过程中,可以指定2个FormHeading分别是必添项目和选添项目。FormItem是Form中具体的某一个项目,包含一个Label和若干个控件。

Grid

Grid容器用来以表格的形式放置组件,好比Html中没有Border的Table。Grid容器的每一个单元格(cell)都可以放置0个或1个子组件,如果想要在一个单元格中放置多个控件,那么就在这个单元格中再多加一个容器。Grid中使用GridRow来创建行,用GridItem来创建单元格。类似与Html的table,你也可以使用rowSpan,colSpan来合并单元格。

Panel

Panel容器是Flex控件中一个比较常用的容器,包含标题(title)区域,放置子组件的容器(content)区域,以及边框(border)。content区域有3种形式,分别是横向布局(horizontal),纵向布局(vertical),绝对坐标布局(absolute)。Panel会很普遍的与Form结合起来使用,当然还有前面提到的ControlBar组件也是Panel容器中很常用的一个子容器。

Tile

Tile容器将子组件按照表格的形式放置,与Grid容器的区别是,Tile容器每个单元格的大小都是一样的。Tile容器子组件具体的放置位置由Flex来安排,而Tile容器的宗旨是将所有的子组件都能以横竖排列最佳的位置摆放。比如Tile容器有16个子组件,就将16个子组件以4行4列的位置摆放,如果是15个子组件,也是4行4列摆放,只不过最后一行的最后一列是空着的。

TitleWindow

TitleWindow容器继承与Panel容器,所以TitleWindow拥有Panel的所有特性,而不同的是TitleWindow容器是用来做弹出(popup)面板的。

【编辑推荐】

  1. 详解Flex控件拖动技术
  2. Flex安全沙箱问题解决方法
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-03 14:18:02

Flex开发工具

2010-08-11 13:17:07

Flex框架

2010-08-05 10:58:55

Flex组件

2010-08-04 14:44:33

Flex图表

2010-08-05 09:54:56

Flex特效

2010-07-28 09:55:35

Flex 快捷键

2010-07-29 14:13:12

Flex控件拖动

2010-08-12 09:25:35

Flex控件

2014-11-14 10:57:24

Android控件

2010-08-03 10:16:52

Flex源代码

2010-07-30 10:02:40

Flex验证控件

2010-07-30 10:13:38

Flex控件

2010-08-05 09:05:14

Flex Button

2010-08-06 14:13:31

FlexDataGrid分页控

2010-08-06 15:11:44

Flex界面控件

2010-07-27 14:00:53

Flex ComboB

2020-03-09 14:40:52

JavaScript工具函数前端

2010-08-04 11:04:58

Flex框架

2010-06-17 17:01:26

开源UML工具

2010-07-27 10:19:28

Flex
点赞
收藏

51CTO技术栈公众号