<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function check(name:String,password:String):Boolean{
return (name=="123"&&password=="123")?true:false;
}
]]>
</mx:Script>
<mx:states>
<mx:State name="Register">
<mx:AddChild relativeTo="{loginForm}" position="lastChild">
<mx:FormItem id="confirm" label="确认密码:">
<mx:TextInput/>
</mx:FormItem>
</mx:AddChild>
<mx:SetProperty target="{loginPanel}" name="title" value="注册"/>
<mx:SetProperty target="{loginButton}" name="label" value="注册"/>
<mx:RemoveChild target="{registerLink}"/>
<mx:AddChild relativeTo="{spacer1}" position="before">
<mx:LinkButton label="返回到登录" click="currentState=''"/>
</mx:AddChild>
</mx:State>
</mx:states>
<mx:states>//multiple initalizers for states ?????
<mx:State name="Login">
<mx:AddChild relativeTo="{loginForm}" position="lastChild">
<mx:FormItem id="confirm1" label="确认密码:">
<mx:TextInput/>
</mx:FormItem>
</mx:AddChild>
<mx:SetProperty target="{loginPanel}" name="title" value="注册"/>
<mx:SetProperty target="{loginButton}" name="label" value="注册"/>
<mx:RemoveChild target="{registerLink}"/>
<mx:AddChild relativeTo="{spacer1}" position="before">
<mx:LinkButton label="返回到登录" click="currentState=''"/>
</mx:AddChild>
</mx:State>
</mx:states>
<mx:Panel id="loginPanel" title="登录" fontSize="12" x="165" y="141">
<mx:Form id="loginForm">
<mx:FormItem label="用户名:">
<!--textinput的id is not name-->
<mx:TextInput id="n"/>
</mx:FormItem>
<mx:FormItem label="密码:">
<mx:TextInput id="password"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar>
<mx:LinkButton id="registerLink" label="还未注册" click="currentState='Register'"/>
<mx:Spacer width="100%" id="spacer1"/>
<mx:Button label="登录" id="loginButton" click="currentState='Login'"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
哪位大牛能给俺指示
分享到:
相关推荐
总的来说,Flex视图切换和自定义控件是构建富客户端应用程序的重要技术。视图切换使用户能够流畅地在多个界面间导航,而自定义控件则允许开发者创造出符合项目需求的独特组件,提升应用的视觉效果和功能性。在Flex...
视图状态(View States,简称VS)是Adobe Flex框架中一个非常实用的功能,它允许开发者根据用户的交互或程序的状态来动态地更改界面元素的外观和行为。在富互联网应用(RIA)中,这种功能尤为重要,因为界面往往需要...
4. **Flex组件库**:Flex SDK包含了一系列预定义的UI组件,如按钮、文本输入框、列表视图等,这些组件可以帮助快速构建用户界面,并且高度可定制。 5. **数据绑定**:Flex支持数据绑定机制,允许UI组件的状态直接与...
10. **最佳实践和设计模式**:学习Flex的过程中,了解和应用设计模式,如MVC(模型-视图-控制器)模式,可以帮助编写出可维护、可扩展的代码。 通过这份"Flex中文帮助"资料,你可以系统地学习Flex的基础概念、编程...
Flex组件库包含了大量的预定义UI组件,如按钮、文本框、列表等,可以方便地拖放到设计视图中。每个组件都有自己的属性、样式和事件,可以通过MXML或ActionScript进行自定义。 五、数据绑定 Flex中的数据绑定机制...
通过“flex中文帮助”压缩包中的资料,初学者可以逐步了解和掌握这些基础知识,通过实例练习来巩固理论知识,为未来深入的Flex开发打下坚实的基础。每个章节都可能涉及上述的一个或多个知识点,通过实践和理解,学习...
5. **Flex组件**:Flex提供了一系列预定义的UI组件,如按钮、文本输入框、列表、面板等,这些组件可以方便地拖放到设计视图中,通过属性设置和事件处理实现丰富的用户交互。 6. **数据绑定**:Flex的数据绑定功能...
2. **数据绑定**:Flex支持双向数据绑定,允许视图组件与模型数据之间自动同步,简化了数据驱动UI的开发。 3. **事件处理**:手册会详细解释如何处理用户交互产生的事件,以及如何使用事件监听器进行响应。 4. **...
"Flex万年历记事本"是一个使用Flex技术实现的项目,它结合了日历功能和记事本特性,为用户提供了一种方便的方式来管理和记录日常生活中的事务。 在Flex源码中,我们可以期待看到以下几个关键知识点: 1. **MXML与...
Flex的数据绑定功能允许视图组件(如文本字段)与应用模型数据自动保持同步,无需手动编写更新代码。这种特性简化了数据管理,使开发者能更专注于业务逻辑。 **6. Adobe AIR** Adobe Integrated Runtime (AIR)是...
4. **处理事件**:当用户点击复选框时,需要监听CheckBox的`change`事件,更新数据源中的状态,以保持视图和数据的一致性。 ```actionscript checkbox.addEventListener(Event.CHANGE, onCheckboxChange); function...
4. **Flex组件**:Flex包含一系列预定义的UI组件,如按钮、文本输入、列表视图等。文档会详细阐述这些组件的用法、属性、事件和样式。 5. **数据绑定**:Flex支持数据绑定,允许界面元素自动反映模型数据的变化。...
- **字体嵌入与 HTML 文本使用**:介绍如何将自定义字体嵌入到应用中,以及如何在Flex控件内使用HTML格式的文本。 #### 6. 外观设计 - **外观基础知识与自定义外观创建**:覆盖外观设计的基本概念,以及如何为应用...
Flex2中的数据绑定功能允许开发者将视图组件(如文本字段)与应用数据模型直接关联,当数据模型发生变化时,视图会自动更新,反之亦然。这种机制简化了UI与数据之间的交互管理。 6. **Services与远程数据访问** ...
在Flex Builder中,你可以找到一系列功能,包括代码编辑器、调试器、项目管理工具以及对Flex SDK的全面支持。这款IDE提供了直观的图形用户界面(GUI)组件库,使得开发者可以轻松地拖放组件来创建用户界面,而无需...
"Flex 安装及配置说明" ...然后,可以在 MyEclipse 中切换视图,找到 Flex 对应的视图结构。 本文档提供了关于 Flex 安装和配置的详细指南,旨在帮助新手快速熟悉 Flex 环境,并简单地配置 Flex 环境。
每个Canvas元素代表ViewStack中的一个独立视图,可以包含任何Flex组件。通过设置`label`属性,可以在导航栏或者状态栏中显示当前视图的标题。 在Flex中,你可以通过ActionScript来控制ViewStack的当前显示的视图。...
10. **使用Flex Builder透视图**: MyEclipse会提供Flex Builder透视图,它包含专门用于Flex开发的视图和编辑器,如Flex Outline、Flex Problems等,便于管理和调试Flex代码。 11. **集成Flex与服务器端技术**: Flex...