- 浏览: 14829 次
- 性别:
- 来自: 成都
最新评论
最近在学习flex,正在看《Flex 权威指南》,把一些重要的知识记录下来,刚入门的可以看一下,高手就不用看了 呵呵
一、容器的相关知识
常见容器及布局规则 容器 规则 VBox 子元素垂直排列,每个子元素在前一个元素的下方 HBox 子元素水平排列,每个子元素在前一个元素的右侧 Canvas 在制定的位置绘制子元素,(x,y)控制其坐标 Application 使用layout属性,可以获得类似前三种布局方式 Tile 将子元素排成一个或多个横行或者竖行,每个Tile的单元格时相同的 Panel Box容器的子类,可以获得VBox、HBox、Canvas的布局方式 ControlBar 停靠在Panel或者TileWindow的底部,可以有VBox和HBox布局,主要取决于direction属性 Application-ControlBar 整个应用程序都能访问的组件,布局方式类似Control 二、布置电子商务应用程序
在《Flex 权威指南3》中,采取的是用可视化拖取的方式绘制界面,为了对这些界面元素有一个初步的了解,我们采用手写代码的方式,在真正的开发过程中,手写的方式要比可视化操作适用的多。 1.打开EComm.mxml文件
2.在标签内部,添加如下代码 width="100%" height="90"> Flex"/> ApplicationControlBar的宽度和整个应用程序一致,高度为90。另外,在Application 的最上边,并且dock="true",这样可以保证Application始终出现在应用程序的最上边,不会随滚动条滚动而消失。 3.在中输入以下代码:
width="100%" height="100%">Canvas可以充满整个ApplicationControlBar中,它的子组件见通过坐标进行绝对固定。
4.在Canvas中输入以下的代码 5.在ApplicationBar下边输入
width="100%" height="100%" id="bodyBox"> width="100%" height="100%" id="products">
HBox中的组件会水平排列,目前只有一个VBox还看不到效果;而VBox中的组件会垂直排列。
6.在HBox 的下部输入:
用于显示版权信息的标签,放在整个应用程序的右下角
所有代码如下所示:
width="100%" height="90"> width="100%" height="100%"> Flex"/> width="100%" height="100%" id="bodyBox"> width="100%" height="100%" id="products">
运行结果如下:
发表评论
-
字符串编辑距离算法 动态规划
2012-07-06 09:51 903http://hxraid.iteye.com/b ... -
awk正则表达式中调用ksh变量
2012-07-06 09:45 1029如果ksh中定义了变量pcname,而在嵌入ksh中的aw ... -
Android 正则表达式学习
2012-07-06 09:37 867Java正则表达式学习: 因为正则表达式是一个很庞杂 ... -
Javascript 使用对象(1)- 简单型 ( 含属性,方法)
2012-07-06 09:30 537定义属性: Skin={ 'data':{ ' ... -
JS操作HTML 我的笔记1
2012-07-05 20:45 6271. document.getElementBy ... -
核心Swing组件(六)
2012-07-03 13:42 610JButton组件是可以被 ... -
关于Flex 的渲染器的总结
2012-07-02 10:25 582关键字: Flex. 渲染 ... -
flex笔记--安装与项目建立
2012-07-02 10:25 555使用java做后台,采用Eclipse插件式安装 操 ... -
Building a custom Flex preloader
2012-07-02 10:24 596http://www.adobe.com/devnet/f ... -
采用数据库为Flex Tree组件的提供数据-Java与LCDS
2012-07-01 09:44 622Java与LCDS 俺在这里使用Adobe LiveCyc ... -
java Flex as3 数据类型对应关系表
2012-07-01 09:44 827LCDS只能与J2EE的服务端进行通信,目前只是Actio ... -
java ArrayList 转成Flex ArrayCollection
2012-07-01 09:43 5981. server package com.east. ... -
Flex TXT文件导入
2012-07-01 09:43 635在上一篇文章中,我们做了一个文件上传、导入组件,其实就是一 ... -
[转载]关于VS05里checkboxlist用JS获取不到value值的解决方法
2012-06-30 17:59 674页面上有个服务器控件checkboxlist,想要获取选中 ... -
win32 API创建tooltip的版本不匹配问题解决方法
2012-06-30 17:59 1273在visual studio 2005以上版本中使用API ... -
IBM JDK下访问SSL/HTTPS时候ClassNotFoundException解决方法
2012-06-30 17:59 1616项目代码会使用HTTPS,之前一直在Sun JDK+Tom ... -
python windows mysqldb安装错误解决方法
2012-06-30 17:59 1065首先会出现如下错误: serverKey = _wi ... -
infobright创建表时指定存储目录无效的解决方法
2012-06-30 17:59 641infobright是一个基于 ...
相关推荐
flex3读书笔记----flex整合hibernate
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
呵呵, 找了一下午, 终于找到了, 虽然是扫描版, 还算清晰
《Flex3权威指南》-Demo源码 《Flex3权威指南》-Demo源码 《Flex3权威指南》-Demo源码
flex3 权威指南课本必备文件,希望能顺利的帮助你学习学习成功
Flex权威指南.part2 继续上一个的传
《flex3权威指南》是Adobe官方推荐的flex入门教材,它系统地讲解了flex的各种应用和原理,是您学习flex的入门级好书
Flex3界面布局中文教程--一路风尘制作
Flex3权威指南源码,有需要的朋友可以下载
Flex builder 学习学习 2007-10-08Flex builder 学习学习 2007-10-08Flex builder 学习学习 2007-10-08
Flex3学习指南-是初学者学习Flex必备资料1 Flex3學習指南1-8.rar
《Flex 4权威指南》是Adobe公司的官方教程,以课程的形式逐步讲解了如何用Flex 4开发一个完整的网上杂货商店应用程序,这个杂货商店能够动态显示数据和图像,并帮助用户完成结账流程,到数据提交至服务器为止。...
Flex3权威指南内含电子版和源代码。这是一本好书,希望能帮助读者。另外,本资源只供学习之用,支持正版。
《Flex 4权威指南》是Adobe公司的官方教程,以课程的形式逐步讲解了如何用Flex 4开发一个完整的网上杂货商店应用程序,这个杂货商店能够动态显示数据和图像,并帮助用户完成结账流程,到数据提交至服务器为止。...
Flex4权威指南(清晰中文版),已添加目录书签,学习flex4必备工具书。
Flex 3 权威指南 (Adobe Flex 3 Training from the Source) 教材配套代码 包含教材封面图片一张
Flex3权威指南内含电子版和源代码。这是一本好书,希望能帮助读者。另外,本资源只供学习之用,支持正版。
Flex3学习指南-是初学者学习Flex必备资料2 Flex3學習指南9-14.rar
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
Flex权威指南.part3 接着继续上传 麻烦