注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

Flex—ActionScript类编程入门  

2010-05-01 16:04:24|  分类: Flex4 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、  新建一个Flex Project工程,名称为Demo

2、  在components包下新建一个ActionScrpit类,名称为:Human.as

代码如下:

package components

{

         [Bindable]<!--为下面的组件绑定-->

         public class Human

         {

                   //属性

                   public var image:String;

                   public var firstName:String;

                   public var lastName:String;

                   //构造函数{?能有多少个,待讨论}

                   public function Human(image:String, firstName:String, lastName:String)

                   {

                            this.firstName = firstName;

                            this.lastName = lastName;

                            this.image = image;

                   }

                   //方法

                   public function createFullName():String

                   {

                            return this.firstName + " " + this.lastName;

                   }

         }

}

说明:属性image为后面自定义组件的图片控件的图片名称,firstName、lastName为后面自定义组件的label的text—{注意ActionScript类的构造函数、属性和方法}

3、  在components包建立一个自定义组件名称为:CHuman.mxml,包含一个label和image,其代码如下:

<?xml version="1.0" encoding="utf-8"?>

<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"

                    xmlns:s="library://ns.adobe.com/flex/spark"

                    xmlns:mx="library://ns.adobe.com/flex/mx">

         <fx:Script>

                   <![CDATA[

                            [Bindable]<!--为组件的控件绑定-->

                            public var human:Human = new Human("1.jpg", "linda", "zhang");

                   ]]>

         </fx:Script>

         <mx:Image x="-6" y="0" source="images/{human.image}"/><!—图片路径在src下的images目录中-->

         <s:Label x="-6" y="128" text="{human.createFullName()}"/>

</s:Group>

注意:human.image表示调用对象Human的image属性,human.createFullName()表示调用Human对象的createFullName()方法,“{***}”表示绑定;

4、  在主程序Demo.mxml文件中调用CHuman.mxml组件,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<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/mx"

                               xmlns:components="components.*"><!--引用组件-->

         <mx:Form width="400" height="300"

                             horizontalCenter="-151"

                             verticalCenter="-13"

                             dropShadowVisible="true"

                             borderAlpha="0.75"

                             backgroundAlpha="0.73"

                             backgroundColor="#9A15EE"

                             contentBackgroundColor="#E77171"

                             contentBackgroundAlpha="0.72">

                   <mx:FormHeading label="个人信息"

                                                        textAlign="center"

                                                        color="#10C9E5"

                                                        fontFamily="Arial"

                                                        fontSize="16"/>

                   <mx:FormItem>

                            <components:CHuman /><!--调用自定义组件-->

                   </mx:FormItem>

         </mx:Form>

</s:Application>

最后运行效果如下:

Flex—ActionScript类编程入门 - TEANA - JAVA KEY

  评论这张
 
阅读(563)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017