这一次的Flex 实践将要实现以下功能:

     1、自定义一个简单的 Flex 组件

     2、创建一个Index. mxml 来调用该组件

           1)用 as 调用组件

           2)用 mx 标签调用组件


     首先创建新文件夹(user)来保存所有自定义的组件,这里我将新创建的组件命名为:UserView.mxml

     在主目录下创建 Mxml Application,这里我将它命名为:Index.mxml

     工程视图为:


   

Flex 实践——自定义组件及调用_application

      下面,来完成组件的设计:

       在Design 视图下将控件拖到Panel 上,设置其属性

       下面是我的设计:

       代码


Flex 实践——自定义组件及调用_flex_02

             Design视图


Flex 实践——自定义组件及调用_xml_03

  接下来,来完成主页面Index.mxml的设计

  调用组件,必须添加以下代码

Flex 实践——自定义组件及调用_user_04

(别忘了加 xmlns:mp=" user. *)


添加 AuctionScript 代码,将内容将完成对组件的新建

Flex 实践——自定义组件及调用_application_05

再来看一下怎么在普通的标签中调用组件:

Flex 实践——自定义组件及调用_application_06

代码部分就是这些了,下面来看一下在没有运行时的效果图(图中将只会显示用< mp: >标签添加的内容)


Flex 实践——自定义组件及调用_user_07

运行后,除了用标签调用的组件外,还将显示用 AuctionScript 新建的组件


Flex 实践——自定义组件及调用_flex_08

以上就是这次实践中有关 Flex 组件的简单应用。