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

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

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

网易考拉推荐

运行时控制应用程序状态  

2010-05-05 23:15:30|  分类: Flex4 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

说明:

1、首先:回顾组件:创建一个包括个人照片和姓名的简单组件,这个组件会用到一个图片作为照片.我们新建一个工程名称为:Demo;

然后:在src目录下建立一个images文件夹,在文件夹里面存放个人照片,如:1.jpg;

最后:创建组件:在src目录下建立一个components文件夹,新建一个Person.mxml组件文件,代码如下:

<?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;

            [Bindable]

            public var image:String;

        ]]>

    </fx:Script>

    <mx:Image source="images/{image}"/>

    <s:Label y="100" x="25" text="{names}"/>

</s:Group>

 

2、打开Demo.mxml文件,切换到Design模式下,查找States视图,如果没有该视图{Window->Show View->Status},新建一个login状态,然后修改status1logout,选择logout,在此状态下创建一个登录的Panel,然后再login状态下创建一个展示个人信息的Panel,这里用到组件,代码如下:

<?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.*"

               currentState="logout"><!—②设置启动默认的状态-->

    <s:layout>

        <s:BasicLayout/>

    </s:layout>

<!-①在status视图下创建状态,代码效果-->

    <s:states>

        <s:State name="logout"/>

        <s:State name="login"/>

    </s:states>

    <s:Panel includeIn="logout"

             x="120" y="104"

             width="250" height="200"

             title=" 登 录 ">

        <s:Label x="22" y="38" text=" 账 号 :"/>

        <s:TextInput x="80" y="32"/>

        <s:Label x="22" y="72" text=" 密 码 :"/>

        <s:TextInput x="80" y="66"/>

        <s:Button x="34" y="106"

                  label=" 登 录 "

                  id="login"

                  click="currentState='login'"/><!—③单击设置状态-->

        <s:Button x="128" y="106" label=" 取 消 " id="cancel"/>

    </s:Panel>

    <s:Panel includeIn="login"

             x="152" y="231"

             width="250"

             height="200"

             title="用户信息">

        <components:Person

            x="53" y="24"

            image="1.jpg"

            names="linda" />

        <s:Button x="158" y="136"

                  label=" 注 销 "

                  id="logout"

                  click="currentState='logout'"/>

    </s:Panel>

</s:Application>

说明:

       PanelincludeIn属性:设置Panel所属的状态,它还有一个属性:excludeFrom,表示不属于的状态,多个用逗号隔开。

       Panelclick=”currentState=’login’”属性表示,单击触发currentState事件,事件将Panel的状态切换到login状态。

     设置默认启动状态可以,在Design模式下,选择一个状态,右击“edit”,然后将:Set as Start Status 勾选即可。 

运行效果如下:

  运行时控制应用程序状态 - TEANA - JAVA KEY      运行时控制应用程序状态 - TEANA - JAVA KEY

                   点击“登录”前                       点击“登录”后

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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