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

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

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

网易考拉推荐

在Flex中实践OOP  

2010-05-01 15:36:02|  分类: Flex4 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 1、  建立一个Flex Project工程,名称为demo

2、  新建一个组件,名称为CHuman.mxml{注意在components包下},切换到设计模式,为组件添加一个label和一个image,然后切换到source模式,为label绑定text,然后为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 names:String;//label的text属性

               [Bindable]

               public var image:String;//文件名

        ]]>

</fx:Script>

<s:Label x="0" y="8" text="{names}"/>

<mx:Image x="10" y="28"  source="images/{image}"/>

</s:Group>

注意:红色部分表示属性的绑定,source表示图片文件的路径,{image}表示图片文件名

3、  在demo.mxml文件中引用组件:将demo.mxml文件切换到source模式下,代码如下:

<?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.*"><!—表示组件是定义在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 names="linda Zhang" image="1.jpg" /><!—这里是为组件赋值1.jpg表示组件的image控件的source中的图片名称-->

        </mx:FormItem>

</mx:Form>

</s:Application>

最后运行效果如下:

2010年5月1日 - TEANA - JAVA KEY

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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