Flex学习笔记（二）

Flex学习笔记（二）

一、继续学习ui界面的布置（以一个电子商务应用为例）

1、控制条（control?bar）里面摆放导航和一些标签，并在属性栏填写id、标签。

2、在下面加入group容器在属性中设置id，宽度100%，高度100%。

在这个容器下在加一个group?1布局选“v”(里面放入商品用label写入物品名价格和button购买)w100%?h150

加另外一个group2（购物车)其中加入各种功能（总付款，查看商品等）

3、使用约束来布局

选中，在右边属性栏最下面选择约束在的大概位置再填入具体的值，对于不用的值清空。

4、使用视图状态（一个mxml页面中至少有一个状态，大多会有多个状态）

在上边一个页面下创建一个新状态，在右上状态栏中新建cartView（购物车视图），

将group1的宽度与高度设为0，group2都为100%，这里将购物车占了整个空间，但是group1里的控件依然存在（选中group1在右边外观右边选择“类别视图”找到visible属性值改为false）

加入datagrid控件是一个表格可以展示购物车里的内容。

5、添加click事件

在group1中的button的click属性加this.cuurrentstate='cartView'（就是上面新建的视图）；

并在cartView视图中新建相应button设置click返回主视图，删除多余控件。

6、图片的显示

加入imaga类，选中在属性中源代码中选择图片文件，比例内容设为true,

将@Embed指令添加到image控件（使图片嵌入到swf文件中，加载更快）

二、对源代码进行重构使之更容易看懂，方便以后修改，别人的使用。

使用符合容器，例如用hgroup代替horizontallayout布局的group；

对于应用程序的重构要养成习惯，并进一步了解技巧。

三、常见控件的使用。

1、文本类，

Label?????单行文本，（不能从客户端输入）；

Richtext??多行文本，（不能从客户端输入）；

Textinput?输入数据（单行），不能显示；

Textarea??多行文本?，可以设置可输入或不输入，（文本超出屏幕的有效空间时会显示滚动条）

2、按钮类，

Button?控件是常用的矩形按钮。

Buttonbar??定义一组普通按钮；

Alert?弹出对话框，可以包含按钮、标题等；

DataGrid?显示多个数据表?

Image??允许程序运行时导入图片（jpeg，png,gif）和swf文件。

3、容器

HBox?????子组件都是水平流水线布局的；

VBox??????子组件是垂直排列的；

Form??????可以创建基于表单的应用程序，可以用于登陆等应用，（可以验证信息）；

panel???????显示一个title?bar，一些说明，边框和一些子组件

这是最近用到控件总结一下如何使用，对于下面用到的控件再用后在总结。

最近继续学习ui界面创建，可以做出一些界面（包括多状态）。

下面一周主要学习“处理事件”