Flex一学就会 笔记(一)

1、首先是描述的MXML文件



<?xml version="1.0" encoding="utf-8"?>
 <!--
旧的Halo 组件是Flex 1 至Flex 3 中使用的组件。按约定，它们使用mx 前缀。Halo 组
件的命名空间是library://ns.adobe.com/flex/ halo。在Spark 还没有对应组件时，还需要使用
Halo 组件，例如DataGrid。
Generated by Foxit PDF Creator © Foxit Software
http://www.foxitsoftware.com For evaluation only.
按约定，新的Spark 组件使用s 前缀，代表新的命名空间library://ns. adobe.com/flex/spark。
这些组件具有"随心设计"的特点，使设计人员和开发人员可以和谐共处。

fx 前缀代表核心Flex 命名空间（http://ns.adobe.com/mxml/2009）。这里面有声明、元
数据、脚本块等== 基本上都是非可视语言元素。

-->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/halo" >
    <fx:Script>
        <![CDATA[
            import com.pomodo.model.Task;
            
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var _tasks:ArrayCollection = new ArrayCollection();
            [Bindable]
            private var createStr:String = new String("创建");
            private function createTask():void{
                _tasks.addItem(new Task(newTaskTI.text));
                
            }
            
            private function deleteSelectedTask():void{
                _tasks.removeItemAt(taskList.selectedIndex);
            }
        ]]>
    </fx:Script>
    <!-- 脚本可以随意的访问组件定义中的组件，组件定义不能任意的访问脚本中的变量，其实也可以只是要加{变量名}，但是在
    Script定义变量的时候要加上[Bindable]，否则会有警告，但是还是可以使用，必须要绑定后才可以访问
         但可以随意访问引入的类的函数-->
    <!--
    在MXML 文件中，组件的id 属性作为组件的变量
    名使用（MXML 文件就是一个类，id 就是类中一个公共成员变量的名)
    -->
    <s:Panel title="Todo List" width="100%" height="100%">
        <s:VGroup width="100%" height="100%">
            <s:HGroup width="100%" verticalAlign="middle">
                <s:Label text="New Task"/>
                <s:TextInput id="newTaskTI" width="100%"
                              enter="createTask()"/>
                <s:Button label="{createStr}" click="createTask()"/>
            </s:HGroup>
            <s:List id="taskList" width="100%" height="100%"
                     labelField="name" dataProvider="{_tasks}"/>
            <s:HGroup width="100%">
                <s:Button label="Delete" width="100%" height="30"
                          enabled="{taskList.selectedItem != null}"
                          click="deleteSelectedTask()" />
            </s:HGroup>
        </s:VGroup>
    </s:Panel>
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
</s:Application>

2、一个AS文件

// ActionScript file
// 一个简单的模型类
package com.pomodo.model{
    public class Task{
        // [Bindable]注释表明这个变量可以作为数据绑定的源。
        // 在变量的值发生变化时，会自动通知其他代码。
        [Bindable]
        public var name:String;
        
        public function Task(name:String = ""){
            this.name = name;
        }
    }
}