Flex_大师之路学习笔记
Flex_大师之路学习笔记
| flash 的三种运行环境 | flash player air flash lite | 企业有年会，其实我的家庭也应该有年会。 像理企业一样理家庭! 在企业里工作不好，我觉得在家里很可能是一样的！ |
|||
| swf文件在html中的MIME类型是 | application/x-shockwave-flash | ||||
| swf文件可以加载的文件格式内容有 | mp3 GIF PNG FLV XML |
||||
| flex 核心 swc文件 | datavisualization.swc datavisualization_rb.swc rpc.swc rpc_rb.swc fds.swc fds_rb.swc flex.swc framework.swc framework_rb.swc playerglobal.swc |
||||
| playerglobal.swc要能自己安装 | |||||
| f3 | |||||
| alt + / | |||||
| ctrl O | |||||
| ctrl shift G | |||||
| ctrl / | |||||
| ctrl shift p |
|||||
|
-keep-generated-actionscript |
|||||
| flex中三种调用as的方式 | 内联方式 标签内联 <mx:Script> |
||||
| 事件旅程并不包括从根节点Stage对象到发生事件的对象之间的所有节点，而只涉及发生事件的对象本身和它的父容器。 | |||||
| preinitialize initalize creationComplete updateComplete 最终是applicationComplete |
|||||
| 利用[Event]元数据，开发者可以为组件定义事件。编译器能够把这些自定义的事件识别为MXML标签属性 | |||||
| Event的子类里的构造函数应该如何写!? | |||||
| 实验：红绿灯，这个要反复去默写 1.LightConsole里面用metadata给其自身定义一个event 2.在主文件里，当LightConsole触发了event的时候，侦听器要有一个参数event.这个不会，不懂，为什么。 |
共400页 8小时 还有300页 100页 三个小时 |
||||
| 有两帧 |
第一帧负g责初始化，包含了SystemManager Preloader DownloadProgressBar
和一些帮助类.当SWF的所有内容下载完毕，SystemManager会触发enterFrame事件，进入第二帧，并触发其它一系列启动序列事件，最终完成mx.core.Application实例. enterFrame事件会以帧频不断触发，因此Flash Player会不断重画第二帧 第二帧，则是真正要执行的应用，包含了flex应用的代码，字体等嵌入资源。 |
||||
| 绑定方式有两种 | 1.使用{} 2.使用<mx:Binding source=“src.text” destination="destination.text"/> |
||||
| 组件分为三大类 | container navigators controls | ||||
| 容器有哪些 | HBox VBox Canvas Panel Form Tile Grid TitleWindow ControlBar | ||||
| 导航有哪些 | NavBar: LinkBar ButttonBar ToggleButtonBar
TabBar menu: 堆叠类： Accordian ViewStack TabNavigator |
要去下载那个本地版本的explorer. 或者从我的本地找! |
|||
| 工具控件 | 文本类：Label Text TextInput TextArea
RichTextEditor 按钮类: Button RadioButton RadioButtonGroup LinkButton PopUpButton. 选择类: ComboBox ColorPicker DateField 数据展示类: List HorizonalList TileList Tree DataGrid OLAPDataGrid AdvancedDataGrid . |
flextour 去把那些组件背下来! |
|||
| 用[Bindable(event ="")]元数据定义方法事件绑定 | 在setter中发事件，在get上面绑定事件 | ||||
| 事件是组件间通讯的最佳信使 | |||||
| <mx:Image source = ""/> | |||||
| button的皮肤 | <mx:Button skin
=
<mx:Button
|
||||
|
VDividedBox
|
liveDragging="true"
|
||||
| Panel的三个特别属性 | title titleIcon status | ||||
|
TitleWindow的一个属性。一个事件
|
showCloseButton
|
||||
|
PopUpButton的一个属性，一个方法
|
popup |
||||
| 在Flex中创建xml文件其实很方便 | |||||
| ScaleContent |
scaleContent:Boolean
一个标志，指示是缩放内容以适应控件大小还是调整控件大小使其适应内容大小。如果为 |
||||
| Repeater的用法还得练 | |||||
| HttpService我没有实验成功 | |||||
| 坐标 | 全部 局部 内容 | ||||
| 与父类的边界 | left right top bottom | ||||
| 与子类的边界 | paddingLeft paddingRight paddingTop paddingBottom | ||||
| 关于显示 | visible includeInLayout |
||||
| ScrollPolicy |
auto
当显示滚动条的时候，并不会调整所有者的尺寸，所以滚动条会挡住所有者的内容 off on |
||||
| 布局的原理 | 大管家是LayoutManager 三阶段: 提交： 度量 ： 布局: |
||||
| 基本的约束样式 ，对于父容器的 | left right top bottom horizontCenter verticalCenter | ||||
| 基于约束行，和约束列的布局， | 这个很高级，没有实验成功 | ||||
| Form FormItem TextInput的配合 | |||||
| RadioButtonGroup 里的RadioButton 要有groupName. | |||||
| Accordion | 什么效果我得记下来 | ||||
|
borderColor
|
blue red black white 都有效 | ||||
| 所有容器都有一个icon属性 和 label mx.core.container |
这样就可以直接显示titelIcon
[Embed("assets/btn.png")]
private icon="{titleIcon} |
||||
|
creationCompleteEffect的值有
|
WipeDown
如果希望每次都播放特效：
则可以用hideEffect 和
showEffect
|
||||
| 随着各窗口打开和被打开，各窗口的header上的状态随着变化 | 1.Accordian headerRenderer =
views.DemoHeader 2.在DemoHeader中 |
||||
| ViewStack |
1.没有管理子容器功能的导航。要借助于viewStack来实现功能！ 2.方法一，设置selectedIndex 3.方法二 ，把ViewStack作为LinkBar TabBar ToggleButtonBar容器的dataprovider |
||||
| 第十一章 样式 | |||||
| 1.CSS |
cascading Style Sheets 最新版本是CSS2.0 | ||||
| 2.两类选择器。 type是类名。 class是点号命名的 | |||||
| 3.样式有两种写法。 | 连线 和 骆驼法。 | ||||
| 4.[Style]元数据 来为组件自定义样式属性 | |||||
| 5.Application global |
Application 全局的。可继承的样式 global |
||||
| 6.设置样式三种方法 | 内联 <mx:Style> 外部css文件 |
||||
| 7 |
Class的继承，体现在容器内子项组件继承容器的样式上，而对于type，体现在子类继承父类的样式。 |
||||
| 8.嵌入图像式皮肤 | 比如Button有8个状态： upSkin overSkin downSkin disabledSkin selectedOverSkin selectedDownSkin selectedUpSkin selectedDisabledSkin |
||||
| 9.图片的9切片缩放 | .scaleStyle{ } |
||||
| 10.运行时加载样式和皮肤 | 1.实际上mxml编译器会把选择器都生成相对应的CSSStyleDeclaration 2.CSSStyleDecalration 能够进一步操作选择器所包含的样式定义。 getStyle(styleProp) 3. |
||||
| 11.直接把某个.Class选择器改了并应用上 |
myContainerStyle
|
||||
| 12.StyleManager | 可以用他来获取应用的当前样式，加载新的样式，并应用新的样式。 | ||||
| 13.关于上面的来个大总结 |
1.StyleManager.setStyleDeclaration(selector,CSSStyleDeclaration,update:Boolean); 已经有一个CSSStyleDeclaration对象的情况下，可以把它赋值给任何一个selector 2.对象id.styleName = CSSStyleDeclaration的实例 3.如果这么写，其实Panel的样式已经改变了。。。如果有同名的Class选择器也会这样的 myContainerStyle 4.上面的这个CSSStyleDeclaration如果是定义的一个针对某新的Class选择器的。 5.获取某个对象的样式 StyleManager.getStyleDeclaration(选择器的名字字符串) 6.如果要给某个对象的具体样式属性值改变的话，那么就用 c2.setStyle("color","red") |
||||
| 14.下面进入正题 | 1.把css编译成swf 2.在运行时直接用StyleManage.loadStyleDeclaration("swf路径") 这样不仅load了，而且还直接应用了! |
||||
| 15.在CSS文件中。 | 我把CSS里的某个选择器。从Application 改为 global 就没有报错了! 否则就会有报错： Multiple markers at this line: -The CSS type selector 'Application' was not processed, because the type was not used in the application. -Type 'Application' in CSS selector 'Application' must be qualified with a namespace. -Type 'Application' in CSS selector 'Application' must be qualified with a namespace. |
||||
| 16.在窗口内Repeater无法定义 | 为什么？ | ||||
| 17.XML的规则我得看一遍 |
|||||
| 服务器技术： | |||||
| 第17章 Flex 服务器技术概览 | |||||
| 1.flex服务器技术定义 | |||||
| 2.LiveCycle Data Service基础架构 | |||||
| 3.安装LCDS | |||||
| 4.LCDS的配置文件 | |||||
| 5.使用LCDS来创建Flex应用 | |||||
| 第 18 章 访问Web 和HTTP服务 | |||||
| 1.直接访问Web服务 | 1.使用WebService组件 2.实例化WebService组件 3.加载WSDL文档 4.调用Web服务操作 5.处理响应 6.异常处理 7.使用<mx:operation>处理多个Web服务操作 |
||||
| 2.使用WebService直接访问Web服务 | 1.使用XFire构建Web服务 2.浏览Web服务的WSDL文件. 3.创建Flex应用 - 直接调用RevenueService |
||||
| 3.直接访问HTTP服务 | 1.mx.rpc.http.HTTPService服务组件 2.实例化HTTPService组件 3.处理响应和异常 4.调用HTTP服务 |
||||
| 4.使用HTTPService访问JSP页面 | 1.通过JSP技术提供HTTP服务 2.直接调用HTTP服务 |
||||
| 5.跨域访问RPC服务的安全限制 | 1.跨域访问的安全限制 2.应用crossdomain.xml示例 3.HTTP代理服务的作用 |
||||
| 6.应用HTTP代理服务 | 1.HTTP代理介绍 2.使用proxy-config.xml配置HTTP代理服务端点。 3.使用代理服务的WebService和HTTPService组件 4.使用HTTP代理服务访问Web和HTTP服务 |
||||
| 7.使用代理服务的样例 | 1.创建使用服务器技术的Flex Web应用项目 2.配置代理服务目标 3.定义WebService和HTTPService组件 |
||||
| 第19章 访问远程服务 | |||||
| 1.远程服务介绍 | 1.RemoteObject组件 |
||||
| 2.访问远程Java对象 | 1.服务器端 实现 POJO Java 类 2.服务器端 部署 POJO java 类 3.服务器端 配置remote-config.xml 4.客户端 5.客户端 6.客户端 7.使用<mx:operation>处理多个方法 |
||||
| 3.远程服务中的数据序列化 | 1.数据类型对照 2.强类型对象的映射 |
||||
| 4.购物车应用 | 1.样例架构 2.实现购物车远程Java代码 3 部署服务器端代码 4.配置远程目标 5.实现客户端Flex应用 6.运行示例 7.作用域session request application 选项的最后讨论 |
||||
| 第20章 使用消息服务的客户端应用 | |||||
| 1.消息服务基础 | 1.客户端之间端到端的消息通讯 2.服务器向客户端推送的消息 3.发布 - 订阅模式 |
||||
| 2.消息服务的架构 | 1.消息发布组件 Productor 2.消息订阅和接收组件 Consumer 3.通道 4.消息目标 5.适配器 |
||||
| 3.消息 | 1.消息头 2.消息正文 |
||||
| 4.发送消息 | 1.实例化Productor组件 2.创建消息实例 3.发送消息 4.确认发送状态 |
||||
| 5.订阅接收消息 | 1.实例化Consumer组件 2.消息订阅和注销 3.接收消息 |
||||
| 6.配置消息目标 | 1。 | ||||
| 7.示例 购物商场销售监控 | 1.样例架构 2.配置消息服务目标 3.改造购物车，发送消息 4.商城监控台Flex应用: 接收消息. 5.运行示例 |
||||
| 第21章 数据管理服务 | |||||
| 1.数据管理服务的基础 | 1.使用数据管理服务的原因 2.数据管理服务架构 |
||||
| 2.数据管理服务的数据 | 1. | ||||
| 3.数据管理组件DataService | 1.DataService的CRUD方法 2.客户端到服务器的提交模式 3.客户端间的同步模式 |
||||
| 4.配置数据管理服务 | 1.配置通道 2.配置适配器 3.数据对象的唯一标识 4.映射装配器方法 |
||||
| 5.定制装配器类 | 1.实现装配器类接口 2.通过方法映射定制装配器 |
||||
| 6.示例 使用数据管理服务的学生管理应用 | 1.服务器端和客户端的Value Object类 2.持久性数据 3.服务器代码 DAO类 4.自定义装配器类StudentAssembler 5.部署服务器端代码 6.配置数据管理服务目标 7.创建使用数据管理服务的客户端应用 8.运行学生管理应用 |
||||
| 7.处理数据冲突 | 1.在服务器端判断冲突发生 2.在客户端解决冲突 |
||||
| 8.使用分布技术处理大规模数据 | 1.服务器端应用到客户端之间的数据分页 2.数据库到服务器端应用的数据分页 |
!["@Embed('./assets/imgs/home.png')"/>](mailto:"@Embed('./assets/imgs/home.png')"/>){kind=link}