关闭

FLEX学习-4 登录界面

924人阅读 评论(0) 收藏 举报
分类:

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、编译后为如下效果

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:439852次
    • 积分:7219
    • 等级:
    • 排名:第3206名
    • 原创:270篇
    • 转载:97篇
    • 译文:1篇
    • 评论:28条
    博客专栏
    AVR单片机论坛
    http://www.iccavr.com/