FLEX学习-4 登录界面

原创 2013年12月05日 20:05:42

1、在flash builder 4.0中新建一个MXML应用程序;

2、在.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">
 <fx:Declarations>
  <mx:StringValidator source="{username}" property="text" minLength="4" maxLength="10" />
 </fx:Declarations>
 <s:Panel title="Form Container Example"
    width="75%" height="75%"
    horizontalCenter="0" verticalCenter="0"> 
  <s:VGroup left="10" right="10" top="10" bottom="10">
   <mx:Form x="10" y="10" width="300" height="152" defaultButton="{submitButton}">
    <mx:FormHeading label="用户登录"/>
    <mx:FormItem label="用户名:">
     <s:TextInput id="username" />
    </mx:FormItem>
    <mx:FormItem label="密码:" >
     <s:TextInput id="password"  />
     <s:Button id="submitButton" label="提交" />
    </mx:FormItem>
   </mx:Form>
  </s:VGroup>
 </s:Panel>
</s:Application>

4、编译后为如下效果

相关文章推荐

flex登录界面实例2

很漂亮的Flex 用户登录界面

Java代码   "1.0" encoding="utf-8"?>  "http://www.adobe.com/2006/mxml" layout="absolute" backg...

程序缘 Flex AIR之旅--第六章 编写用户登录界面

实现目标: 用户录入账户密码,从数据库中检查是否存在,如果存在,则登录主界面,并在主窗体显示相关用户信息。 实现方法: 1、  数据库定义在com.system. LoginUserInfo类中...

带验证码的Flex登录窗口实例代码

如果您喜欢这些文章,欢迎点击此处订阅本Blog

Flex 登录界面 开发经验分享

  • 2011年07月05日 14:46
  • 268KB
  • 下载

Android-------模拟用户登录界面(4)

Register功能的实现 //获取控件 Button register=(Button)findViewById(R.id.btn_Regster); //监听事件 //button ...

Java Servlet【4】一个小的Servlet登录界面+页面跳转

看Servlet已经好几天了也写了3篇Servlet基础知识的博客,现在用Servlet来写一个小小的程序。 需求是: 登录界面->验证界面->用户管理主界面...

学习JSP的Struts的第一步:登录界面

  • 2010年06月28日 10:37
  • 3.77MB
  • 下载

学习C#时的登录界面

  • 2011年04月11日 18:30
  • 2.49MB
  • 下载

Android学习笔记之 仿QQ登录界面的实现

原网址:http://www.cnblogs.com/wjdawx/p/3512493.html 先来看下效果图         1.首先是布局文件XML文件,不...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FLEX学习-4 登录界面
举报原因:
原因补充:

(最多只允许输入30个字)