《走近云计算》阅读笔记9--Flex的应用
2011-11-30 00:34
190 查看
1.桌面与图标的实现
(1)桌面背景的实现:选择Application作为程序的最大容器,设置背景颜色等属性backgroundImage
(2)从Component中选择Canvas组件置于桌面上,设置Canvas组件的weight和height,x,y,id等属性,第4版用Group代替Canvas。
(3)从Component中选择Button,Label组件至于Canvas组件上,并设置相关属性。
2.生成任务栏
(1)选取menubar,分别设置left,right,bottom为0,。
(2)选择LinkButton放入Menubar中,进行设置
(3)构建快速启动栏,选择VRule,作为开始菜单和快速启动栏的分界线,选取LinkButton作为快速启动栏
(4)可放置多个LinkButton来放置系统托盘图标。
3.应用程序工具栏
(1)选择Application ControlBar组件作为整个工具栏的容器置于桌面右上方。
FB4中是不提供 ControlBar的,因此在<mx:后面按Alt+/,就可以选择 ApplicationControlBar ControlBar 等mx组件了
(2)选择TextInput组件作为搜索输入框置于Application ControlBar左端,shezhishuxing
(3)选择Button组件作为搜索按钮放置于TextInput组件右边
(4)选择LinkBar组件作为一组小工具的集合放置于工具栏右端。
4.二级页面----开始菜单的制作
(1)File->New->MXML Component,选择组件存储位置cloud/src,组件名SystemMenu,组建基于Panel等,300,500
(2)进入Design设计模式,设置Panel的titile等各项属性的值。
(3)选择ControlBar组件置于Panel底部,设置其width,height等属性
(4)选择LinkBar组件置于ControlBar右端,设置为其添加数据源
(5)选择5个LinkBar组件置于Panel上,分别设置各项属性,添加数据源。
(1)桌面背景的实现:选择Application作为程序的最大容器,设置背景颜色等属性backgroundImage
(2)从Component中选择Canvas组件置于桌面上,设置Canvas组件的weight和height,x,y,id等属性,第4版用Group代替Canvas。
(3)从Component中选择Button,Label组件至于Canvas组件上,并设置相关属性。
2.生成任务栏
(1)选取menubar,分别设置left,right,bottom为0,。
(2)选择LinkButton放入Menubar中,进行设置
(3)构建快速启动栏,选择VRule,作为开始菜单和快速启动栏的分界线,选取LinkButton作为快速启动栏
(4)可放置多个LinkButton来放置系统托盘图标。
3.应用程序工具栏
(1)选择Application ControlBar组件作为整个工具栏的容器置于桌面右上方。
FB4中是不提供 ControlBar的,因此在<mx:后面按Alt+/,就可以选择 ApplicationControlBar ControlBar 等mx组件了
(2)选择TextInput组件作为搜索输入框置于Application ControlBar左端,shezhishuxing
(3)选择Button组件作为搜索按钮放置于TextInput组件右边
(4)选择LinkBar组件作为一组小工具的集合放置于工具栏右端。
4.二级页面----开始菜单的制作
(1)File->New->MXML Component,选择组件存储位置cloud/src,组件名SystemMenu,组建基于Panel等,300,500
(2)进入Design设计模式,设置Panel的titile等各项属性的值。
(3)选择ControlBar组件置于Panel底部,设置其width,height等属性
(4)选择LinkBar组件置于ControlBar右端,设置为其添加数据源
(5)选择5个LinkBar组件置于Panel上,分别设置各项属性,添加数据源。
相关文章推荐
- 《走近云计算》阅读笔记8--Flex开发环境的搭建及应用
- 《走近云计算》阅读笔记6--界面交互技术的比较--FLEX vs Ajax
- 《走近云计算》阅读笔记7--用Eclipse开发Google App Engine应用
- Flex Tree应用总结(一)—数据源配置+选择事件
- RED5+Flex开发实例-基于RED5&Flex流媒体应用实战开发
- 支持站群与大型FLEX应用的逐浪cms3.2版隆重发布
- Apache Flex 应用环境搭建
- Flex企业应用开发实践学习笔记(五)-------组件失效机制
- flexviewer LayerListWidget,editwidget 应用纪要
- flex与flash 结合应用简单范例
- 在Flex应用中使用全局变量以及学习中flex中需要的一些资料
- 采用Adobe Flex & AIR技术的经典应用
- Flex 动态datagrid的应用
- Flex 回调函数的应用
- FLEX实践—Datagrid 高级应用(模拟EBS Folder功能)
- 快逸如何实现FLEX和JSP混合应用
- 浅析Mate flex framework在实际项目中的应用(一)
- React Native flexbox的justifyContent、alignItems灵活应用
- 《走近云计算》阅读笔记10--并行集群的搭建
- Flex 屏蔽 F5 (windows 钩子原理及应用)