Flex..笔记....1

• 开发环境
  • JDK1.5 + Eclipse + MyEclipse Enterprise
  • Adobe Flex Builder 3 - Eclipse Plug-in
• 构成
  • SRC - 源码库
    • mxml --- 标记格式 ： 仿XML，默认和自定义标签库，页面表示，控件
    • as --- Action Script ：脚本，逻辑处理判断，类似js
  • BIN-× - 发布库
    • html --- flash 容器
    • swf --- 基于 mxml+as 生成的flash文件
  • html-template
    • 容器html的版式
• MXML
  • 标签式结构，类似XML，成对出现，层结构
  • 插件提供可视化开发（Design Mode），实现内置控件的拖拽，属性修改
  • 控件 包含属性，事件，样式，类似js
  • 常见嵌套
    • <mx:Application ......>
      • <!-- 外部脚本部分 -->
      • <mx:Script source="as文件名" />
      • <mx:Script>
        • <![CDATA[
          • ............script code
        • ]]> 
      • </mx:Script>
      • <mx:Style source="css文件名" />
      • <mx:Style>
        • .........css code
      • </mx:Style>
      • <!-- 控件部分 -->
      • <mx:底层控件名称 相关属性(id="abc") >
        • <mx:上层控件 />
      • </mx:底层控件名称>
    • </mx:Application>
  • 格式标签 ---- Grid
    • 类似html table
    • 嵌套 Grid -- GridRow -- GridItem
    • 支持 rowSpan，colSpan
    • GridItem 为一个 table cell
  • 控件标签
    • Label
    • TextInput
    • TextArea
    • Button
  • 各控件属性可以参考Design Mode的属性面板
  • 常见事件
    • 监听事件，调用as脚本
    • button的click
    • textInput的keyUP，Change...
  • 格式化
    • <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  creationComplete="init();" ;1128" height="550">
    • 常见定义
    • layout 控件摆放方式，abs坐标摆放
    • creationComplete 指定载入方法

转载于:https://blog.51cto.com/ivanna/864917