Flex基础培训[概述]


RIA 大讲堂 2 运行Flash动画或 者Web应用程序 跨平台运行桌 面应用程序 创作Flash动 画的工具 编写RIA应 用程序的工 具 运行平台制作工具 3 4  Flex主要包含两个部分: 一个可扩展的应用程 序框架(即Flex Framework) 一个集成开发环境 (即Flex Builder新版 改名为Flash Builder ) Action Script和MXML 5 面向设计人员 面向开发人员 6 可视化元素 时间轴指令 Action Script 编译 SWF Flash的编译过程 MXML Action Script 编译 SWF Flex的编译过程 Action Script 7 Flash和Flex可以一起使用。 视觉 元素 8 9  Eclipse 平台  支持的操作系统 安装方式  独立安装  插件安装 10 色彩识别 语句完成 代码分解 Debug 强大的代码编写工具 可视化的布局工具 组件 CSS 支持AIR开发 创建 测试 打包 签名 后端代码向导 Java A S P. N E T Coldfusion AIR 11 12  工作空间选择(workspace)  创建项目  项目目录结构  设置或更改编译主文件  导入导出项目  编译发布项目  调试项目 13 14  Flex Project . Flex项目,可以创作基于Flex框架的项目  ActionScript Project . 可以创建不基于Flex框架的项目  Flex Library Project . 可以创建包含或者不包含Flex框架的自定义类 库,可以用于发布给第三方(在不给第三方源代码的基础上让 其使用自己开发的API,可以和java中的jar包类比) 15  src . 源代码文件夹,用来组织源代码  libs . 库文件夹,这里即swc文件,可以是flex library项目生成的,也可以是 Flash CS3生成的  html-template . 用来放置嵌入网页时的模板文件  bin-debug . 最常用的测试文件夹,编译后生成的文件都在此文件夹中  bin-release . 正式发布用的文件夹,文件尺寸会做优化,比测试发布的文件夹小很多 16  绿色三角表示可以运行的文件  蓝色圆圈表示此文件是这个项目的默认运行文件 17  导出项目为一个压缩包: 菜单栏中 File  Export  导入项目自压缩包: 菜单栏中 File  Import 18  Debug模式编译项目 . 此模式为默认的。 . 此模式为了开发方便,编译时内嵌了为了调试方便而加入的内容 . 此模式编译的目标文件比较大  Release模式编译项目 . 此模式需要手工选择:在工具栏中点击按钮 . 此模式编译会对目标文件进行优化,很大程度上减小文件体积。 19  Debug模式下运行 . 单步调试 . 可以设置断点 . 可以查看内存中的变量 20  Profiling模式下运行 . 查看内存使用情况 . 查看对象统计状况等 ▪ 强制执行内存回收 ▪ 保存内存状态快照 ▪ 设置筛选条件只查看某种变量 21  常见组件(按钮,标签等)  布局组件(也叫容器组件)  导航组件  图表组件(需要另外付费)  ILOG Elixir 高级图表(需要另外付费) 22 1 2 3 4 •内置组件分布在4个类包里面:常见组件,布局,导航,图表 •以及一个自定义组件的目录 23  类包下包含了30个常用组件  这些组件的共性是为了完成交互或显示而制定 24  按钮组件  用于完成点击交互 功能  用法:用Click触发 事件,执行相应操 作  主要属性:Label 25  复选组件  用于完成选择交互 功能  用法:判断复选框 是否选中,执行相 应操作  主要属性: Selected 26  颜色选取组件  用于选取颜色  用法:通过获取组 件的 selectedColor属 性来获取色值  主要属性: selectedColor 27  数据选取组件  用于选取数据  用法:通过获取组 件的 selectedIndex属 性来获取数据  主要属性: selectedIndex 28  数据表格  用于显示格式化的 数据  用法:通过设置组 件的dataProvider 来显示数据 29  日期常见组件  用于选择日期  用法:可以设置选 择时的日期范围, 通过text属性就可 以获得当前的日期 选择数据 30  列表常见组件  用于显示列表数据  用法:设置 DataProvider给予 组件数据源,组件 分行显示数据 31  输入组件  如果是单行输入, 则使用TextInput  如果是多行输入, 则使用TextArea 32  Tree  采用树形结构来描 述数据  用法:使用XML作 为Tree的数据源, Tree的显示将依据 XML的结构 33 Canvas 绝对定位式的布局 Box 流式布局 Grid 表格式布局 34 Panel组件,提供面板标题,底 部可以放置控制栏 TitleWindow组件,主要用于弹 出式窗口 35 Accordion TabNavigator MenuBar 36 37 http://examples.adobe.com/flex3/componentexplorer/explorer.html 38 39 MXML 是 Flex中以XML 为基础的标记语言 mx MXML使用mx作为命名 空间前缀 每一个Flex组件都必须起 始于mx 40 41 代码提示 强制代码提示出现,可以 按下Alt + /键 42 选择Other Views 43 44 练习说明:exercise1.pdf 45  创建一个工作空间  切换到新创建的工作空间  创建一个Flex项目  从组件面板中拖出组件到Application  设置组件的属性(标签,样式等等) 46 47  RIA行业资讯 . http://www.riameeting.com  RIA活动信息 . http://www.riameeting.cn  活动资料(PPT,视频,源码),请加入 RIAMeeting User Group下载 . http://groups.adobe.com/join/riameeting 48
还剩47页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 20 金币 [ 分享pdf获得金币 ] 1 人已下载

下载pdf

pdf贡献者

project123

贡献于2010-09-15

下载需要 20 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf