在这一章中，我将介绍怎么创建和使用自定义控件。当你在开发一个庞大而且复杂的Flex应 用程序的时候，你可以使用原始的方法来实现，但是试想一下这是多么复杂的过程，而且在程序维护的时候，程序中多处重复出现相同的功能的时候，要一次又一次 的做相同的工作，这无疑是浪费时间而且效率也是非常的低。但是如果我们把程序根据需要，分成一个一个的自定义控件，在需要使用的地方放进去，这样极其方便 开发

在这一节，我们来说说怎样使用图像控件，图像控件是用来在Flex应用程序中显示图像的。要在程序中使用Flex类库中的控件，你可以使用MXML和Actionscript两种方法。在这节中，我们只适用MXML在Flex应用程序中使用Image控件。如果你在跟着练习，请打开源码对应的Flex应用程序PresentingImages.mxml，切换到源代码视图，在Application结点中创建一个<mx:Image/>结点，并且设置其source属性为”assets/bigben.jpg”，<mx:Image source=” assets/bigben.jpg

在这节，我们讲讲在可视化控件中使用数据格式化类来对数据进行格式化。Flex类库有五个数据格式化类。在程序中常常有一些数据经过处理后，表现得更加友好，使人更易理解。 这一节，我们用实例中的FormattingData程序来说明格式化的用法，打开src中的FormattingData.mxml，在这程序中，我们做了一个货币转换的小程序，在这个程序里，一个Panel控件包含了一些Label和TextInput等控件，使用了我们前面所说过的数据绑定方法，来

在这节中，我们介绍数据的绑定表达式，在Flex应用程序中把数据从一个对象传递给另外的对象。数据绑定表达式，是用来在两个对象之间建立相关的关系，源对象的值或者属性对目标对象进行广播，目标对象将会实时的监听源对象，当源对象进行更新后，目标对象也会跟着更新。 有两种方法可以对两个对象进行绑定，一个简单快捷的方法是使用对象的属性来对目标对象进行绑定。另一种是使用<mx:Binding/>标签来对他们进行绑定。下

在上一节我们介绍了2种文字控件Label和Text控件，在这一节，我们将会介绍另外三种可输入数据的文字控件。 这三种控件分别为TextInput、TextArea和RichTextEditor。TextInput和TextEditor非常相似，他们都是用来接受用户输入文字的控件，不同之处是TextInput只允许输入单行的文字，而TextEditor允许用户输入多行文字。 我们通过一个小实例来对这三种控件进行一个系统的

Flex类库包含5种文字控件，2种是专门用来显示文字的，另外3种可以显示文章并且接受数据输入。我将会对这几个文字控件逐一介绍，并且以实例形式来讲述一下这些控件的基本使用方法。 我们先来说说那2中专用文字显示控件，他们是：Label和Text控件，在Label控件，文字只能以单行的形式显示，就算文字多处Label规定的长度也不会换行，而Text控件则是用来弥补Label控件的一些不足的，当文字过长的时候，会被分为多行显示在页面上面

在这节，我将会大家讲述使用可视化控件来进行Flex编程。每个可视化控件是一个2种类型的组件，他们是由Flex类库组成，另一种类库是Container，也就是常说的容器，我将会在另外的一个教程中再分析他们。控件的作用就是给用户提供直观的用户界面，这允许用户通过跟控件打交道来达到数据传输交换等目的。 在Flex中有各种各样的控件，在前面的章节中说过最好的办法学习这些控件是通过Adobe公司提供的Component Explore，在那里

在这节中，我们介绍一下怎么使用Flex Builder 3的系统帮助系统，Flex包含一些基本的帮助文档，关于怎样使用Flex Builder来进行编程、怎样使用Actionscript和MXML。 我给大家介绍一下几种使用Flex Builder的技巧： 第一种是在菜单中选择Help->Help Contents，系统弹出Flex Builder的系统帮助文档，在这个文档中，我们看到列出了很多帮助主题，这里总共包含

在这一节，我会给大家讲一下Flex的类库，我们将会使用Flex component explore，一个是官方演示网站，地址为：http://examples.adobe.com/flex3/componentexplorer/explorer.html。这是一个共享的应用程序，在这个程序中包含很多小而且经典的程序，每个小程序都提供程序的运行结果和源代码，我们可以在上面看到程序运行的结果，并且可以把源代码复制到本地的工程来修改运行。我们先看最顶上的Vi

我们用一个简单的程序来说明MXML与Actionscript之间的关系和他们的不同之处，让你学会判断什么时候使用MXML什么时候使用Actionscript来实现你想要的功能。 如果你在跟着做练习，请你把你现在的项目关闭，我们将导入一个新的项目来作为我们这节的内容。要关闭你现在的项目，请在Flex Navigator中右击项目，然后在弹出的菜单中选择“Close Project”，这时这个项目便被关闭了，但是还是会显示一个图标在那里，这对我们新的项目是没有影响的。下

我们从Actionscript3的优点讲起，然后再谈谈他的语法。 那么，什么是Actionscript3呢？Flash环境和Flash播放器发展到现在已经有几个版本了。Actionscript 1是一个非常简单的一行行执行脚本语言命令的语言，当到Actionscript 2已经发展成为了一门面向对象的语言，Actionscript 3是基于ECMAScript语言，ECMAScript同样也是Javascript和Jscript的源语言，所以其看起来跟Javascript非常相似。而且Actionscript3的基本语法跟Actionscrit2是一致的，但是在面向对象方面却有更强的

这节我们讲述怎样导出Flex应用程序到zip文件和Archive文件，Archive文件可以在各种系统和电脑之间使用，这样可以方便开发者之间共享他们的程序，并且方便人们导出并且根据需要转移到其他电脑中去。

当你创建一个Flex应用程序，程序为我们自动创建一个默认名为bin-debug的输出目录，这个目录是用于存放程序调试文件的目录，这一节，我们主要讨论这个目录和html-template目录中文件的作用。         bin-debug目录包含一个history目录，这个目录包含一些程序自动生成的文件，我们来关注两个和源代码相同文件名的文件，分别为HelloWorld和TravelRequest，并且扩展名为html和swf。它们是由mxml编译后生产的，所以它们的名字跟他的应用程序的名字一致，

在这节，我们使用上一节创建的项目，对Flex Builder 3使用Source视图和Design视图进行编辑，改变程序中控件的布局，简单描述他们之间的关系。 打开TravelRequest.mxml，切换到Source视图，切换Source视图和Design视图有两种方法，一个是直接用鼠标去点击切换，另外一种是使用Ctrl + ~ 快捷键进行切换。

在这个教程中，我将会给大家展示怎样创建一个基本的Flex应用程序，这个应用程序包含几个label和输入框等等，提供姓、名和Email地址的输入。下面我们来详细介绍该实例的实现。 首先我们使用上一节创建的项目chapter01Begin，在该项目中创建一个空的MXML Application，因为在同一个项目中可以存在多个可执行的应用程序，所以不用害怕他们会互相干扰。选择菜单File->New->MXML Application，

疾风步zql	zhaokai0519
吹自田野的风	海洋X
caliburn001	lingdu_789
380088242	飛尨乗雲

互联网 所有空间 本空间

已有人次访问本空间   什么是RSS？