`

[转载]Event behind [Bindable] FLEX中的绑定

阅读更多

Flex里面的Bindable相信大家用得不少, 不过Bindable这标签并不是AS3原生支持的语法, so应该只是写给Flex编译器看的一种玩意,编译器遇到Bindable时会做一些相关的代码重写。

试验了一个最简单的例子。看这个:

public class Test1 extends Canvas
{
    [Bindable]
    public var foo:String;
}
这个类经过Flex编译过后变成这样:

public class Test1 extends Canvas
{
    private var _101574foo:String;
    public function get foo() : String
    {
        return this._101574foo;
    }// end function

public function set foo(currentTarget:String) : void
{
    var _loc_2:* = this._101574foo;
    if (_loc_2 !== currentTarget)
    {
        this._101574foo = currentTarget;
        this.dispatchEvent(PropertyChangeEvent.createUpdateEvent(this, "foo", _loc_2, currentTarget));
    }
    return;
    }// end function
}
Flex使用了getter和setter重写了原来的foo属性。在foo发生变化时,dispatch一个PropertyChange的Event.

那些跟这个foo属性绑定的组件, 应该是Listen了这个Event。然后调用foo的getter重新取值。
分享到:
评论

相关推荐

    flex数据绑定的原理

    在Flex开发中,数据绑定(Data Binding)是一种强大的机制,它允许UI组件的状态与应用程序的数据模型之间自动同步。数据绑定的原理是通过监听数据源的变化,并自动更新与之绑定的UI组件,反之亦然,从而简化了代码并...

    FLEX数据绑定四种方式

    本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`<mx:Binding>`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...

    FLEX数据绑定专题

    首先,数据绑定是Flex中一种强大的工具,它简化了UI组件状态与应用数据之间的同步。在Flex 4中,数据绑定主要分为两种类型:声明式数据绑定和编程式数据绑定。声明式数据绑定通过XML语法在MXML文件中直接设置,如`...

    FLEX 数据绑定专题一(转)

    本文是系列文章的第一部分,主要介绍数据绑定的基本概念、工作原理以及在FLEX中的应用。 数据绑定的基本概念: 数据绑定是连接应用程序UI(用户界面)组件和数据源的过程,当数据源发生变化时,UI会自动更新,反之...

    Flex Bind数据绑定实例代码

    本实例代码将深入探讨Flex中数据绑定的工作原理以及如何在ActionScript 3.0中实现它。 数据绑定的基本概念是将UI组件的属性(如文本框的文本)与应用程序中的数据源(如数组或对象的属性)关联起来。当数据源发生...

    flex数据绑定

    在Flex中,数据绑定是通过MXML或ActionScript来实现的。下面将详细介绍这一关键知识点: 1. MXML数据绑定: 在MXML中,我们可以通过`{}`符号来声明数据绑定。例如,一个`Label`组件的`text`属性可以绑定到某个变量...

    flex绑定资源文件1

    本话题主要探讨如何在Flex中绑定资源文件,尤其是关于在按钮中嵌入icon图标的两种方法。 首先,Flex是一种基于ActionScript的开放源代码框架,用于构建富互联网应用程序(RIA)。它允许开发者创建具有交互性和动态...

    flex页面跳转及数据绑定

    数据绑定是Flex中一种强大的特性,它允许UI组件的值自动与数据模型同步,无需手动处理事件或属性更新。在Flex中,数据绑定主要包含以下四种方式: 1. **"{ }"绑定表达式**:最常用的方式,将数据源直接写在大括号内...

    Flex初级数据绑定代码

    通过分析HelloWorld2.mxml文件,我们将深入了解Flex中的数据绑定机制及其基本用法。 #### 二、Flex与数据绑定 Flex是一种用于构建跨平台富互联网应用(RIA)的软件框架,支持多种编程语言和技术栈。数据绑定是Flex的...

    flex [bindadle]标签数据绑定经典案例

    本案例通过一个简单的水果选择场景,生动展示了Flex中数据绑定的原理和应用。数据绑定不仅简化了UI与数据模型之间的交互逻辑,还提高了程序的响应速度和用户体验。对于初学者而言,掌握数据绑定的基本概念和技术,是...

    Flex4 AIP 中文说明

    此外,还增加了 Bindable、Observer 和 Bindable Event 等元数据,让数据绑定更加灵活和强大。 5. **MXML改进**:MXML作为Flex的声明式语言,在Flex4中变得更加强大。它可以用来定义组件、事件处理函数甚至...

    Flex Data Binding详解

    在Flex中,要使属性具备数据绑定的能力,通常需要在属性声明前添加`[Bindable]`元数据标签。例如: ```actionscript [Bindable] private var ss:String = "aaa"; ``` 如果没有指定触发绑定的特定事件(如`...

    Flex Bindable 的用法

    `[Bindable]`是Flex中最常用的元数据之一,它主要用于实现数据绑定功能。数据绑定是Flex应用中的核心概念,它允许视图组件与应用程序模型之间的数据自动同步。 元数据不是语言本身的一部分,而是为编译器设计的,...

    flex4-binding-custom-Class.rar_flex_flex4

    在Flex 4中,数据绑定是一项强大的特性,它允许开发者创建动态、响应式的用户界面,无需编写大量的事件处理代码。本教程将深入讲解如何在Flex 4中对自定义类进行数据绑定,通过一个实际的MXML文件和AS文件示例来阐述...

    flex实现 ComboBox中下拉checkbox

    本文将深入探讨如何在Flex中的ComboBox实现下拉列表中包含Checkbox的功能,并结合移动面板和可调整大小的面板实例,为你提供一个完整的解决方案。 首先,我们要理解Flex中的ComboBox组件。ComboBox继承自ListBase类...

    flex学习记录非常详细

    在本文中,我们将深入探讨Flex中的数据绑定机制,这是Flex应用中一个至关重要的概念。 数据绑定是Flex中的一种强大特性,它使得UI组件的属性可以直接与应用程序的数据模型进行连接。这意味着,当数据模型发生改变时...

    flex中actionscript动态调用remoteobject类

    ### Flex中ActionScript动态调用RemoteObject类 在Flex中,使用ActionScript动态调用RemoteObject类是一种常见的实现客户端与服务器端交互的方式。通过这种方式,开发者可以在客户端灵活地调用服务器端的服务,并...

    Flex4.5常见问题总结

    若希望某个对象作为数据绑定的源,需在其属性前加上`[Bindable]`或`[Bindable("eventname")]`标记,确保属性变化时能触发数据绑定事件。 综上所述,Flex4.5提供了丰富的工具和机制,帮助开发者构建高性能、高互动性...

    Flex4 Declarations in ActionScript

    声明式编程在Flex4中的运用不仅限于UI组件,还延伸到了数据绑定、样式和动画等方面。数据绑定是声明式编程的一大优势,它让UI状态与数据模型保持同步,如上例的`[Bindable]`属性,使得当标签值改变时,按钮的显示也...

    Flex分页技术

    在Flex中,我们可以使用DataGrid组件来实现这些功能,提高用户体验并优化性能。 1. **Flex DataGrid 分页技术**: Flex DataGrid 提供了分页功能,以处理大量数据。分页允许用户按页面浏览数据,而不是一次性加载...

Global site tag (gtag.js) - Google Analytics