学习笔记如何进行Flex界面设计

本文和大家重点讨论一下Flex界面设计的方法，使用组件可快速有效开发应用界面。以下介绍最简单的几个组件应用过程，登陆作为检验合法用户身份的有效方法，被广泛应用于Web开发中。

创新互联是一家专业提供怀远企业网站建设,专注与成都网站制作、成都网站建设、HTML5、小程序制作等业务。10年已为怀远众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

Flex界面设计

使用组件可快速有效开发应用界面。以下介绍最简单的几个组件应用过程，登陆作为检验合法用户身份的有效方法，被广泛应用于Web开发中。

1单击File-New-FlexProject命令，弹出NewFlexProject对话框。
2在PrejectName文本框中输入工程名称。单击Next按钮，弹出设置工程路径对话框。
3在"Folder"文本框中输入工程路径。单击"Finish"按钮。
4单击编辑器上的"Design"按钮，切换至Flex界面设计模式。从左下角Compinents(组件面板)中拖拽Panel组件到编辑区，拖拽两个文本标签，两个文本框，两个按钮到编辑区。5单击编辑区上方的Source按钮，切换至代码编辑区查看代码。

 
 
 
 
    
  
  
  
  
  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4.  <![CDATA[  
    5. 
  
  
  
  
  5.   importmx.controls.Alert  //调用Alert类，弹出警告  
    6. 
  
  
  
  
  6.   privatefunctionloginHandle():void  
    7. 
  
  
  
  
  7.   {  
    8. 
  
  
  
  
  8.    if(txtUsername.text==""||txtPassword.text=="")  //用户密码为空  
    9. 
  
  
  
  
  9.    {  
    10. 
  
  
  
  
  10.     Alert.show("请输入完整数据！");  
    11. 
  
  
  
  
  11.    }  
    12. 
  
  
  
  
  12.    else  
    13. 
  
  
  
  
  13.    {  
    14. 
  
  
  
  
  14.     //合法用户  
    15. 
  
  
  
  
  15.     if(txtUsername.text=="starrynight"&&txtPassword.text=="123456")  
    16. 
  
  
  
  
  16.     {  
    17. 
  
  
  
  
  17.      Alert.show("登陆成功！");  
    18. 
  
  
  
  
  18.     }  
    19. 
  
  
  
  
  19.     //登陆失败  
    20. 
  
  
  
  
  20.     else  
    21. 
  
  
  
  
  21.     {  
    22. 
  
  
  
  
  22.      Alert.show("用户名或密码错误！");  
    23. 
  
  
  
  
  23.     }  
    24. 
  
  
  
  
  24.    }  
    25. 
  
  
  
  
  25.   }  
    26. 
  
  
  
  
  26.   //重置函数  
    27. 
  
  
  
  
  27.   privatefunctionresetHandle():void  
    28. 
  
  
  
  
  28.   {  
    29. 
  
  
  
  
  29.    txtUsername.text="";  //用户清空  
    30. 
  
  
  
  
  30.    txtPassword.text="";  //密码清空  
    31. 
  
  
  
  
  31.   }  
    32. 
  
  
  
  
  32.  ]]> 
    33. 
  
  
  
  
  33.  
    34. 
  
  
  
  
  34.   
    35. 
  
  
  
  
  35.    
    36. 
  
  
  
  
  36.    
    37. 
  
  
  
  
  37.    
    38. 
  
  
  
  
  38.    
    39. 
  
  
  
  
  39.    
    40. 
  
  
  
  
  40.    
    41. 
  
  
  
  
  41.   
    42.

按钮组件中的click事件监听对按钮的单击动作。以下代码定义了"loginHandle"函数，用以处理"登陆"事件。

 
 
 
 
    
  
  
  
  
  1. privatefunctionloginHandle():void  
    2. 
  
  
  
  
  2.   {  
    3. 
  
  
  
  
  3.    if(txtUsername.text==""||txtPassword.text=="")  //用户密码为空  
    4. 
  
  
  
  
  4.    {  
    5. 
  
  
  
  
  5.     Alert.show("请输入完整数据！");  
    6. 
  
  
  
  
  6.    }  
    7. 
  
  
  
  
  7.    else  
    8. 
  
  
  
  
  8.    {  
    9. 
  
  
  
  
  9.     //合法用户  
    10. 
  
  
  
  
  10.     if(txtUsername.text=="starrynight"&&txtPassword.text=="123456")  
    11. 
  
  
  
  
  11.     {  
    12. 
  
  
  
  
  12.      Alert.show("登陆成功！");  
    13. 
  
  
  
  
  13.     }  
    14. 
  
  
  
  
  14.     //登陆失败  
    15. 
  
  
  
  
  15.     else  
    16. 
  
  
  
  
  16.     {  
    17. 
  
  
  
  
  17.      Alert.show("用户名或密码错误！");  
    18. 
  
  
  
  
  18.     }  
    19. 
  
  
  
  
  19.    }  
    20. 
  
  
  
  
  20.   }重置事件处理函数"resetHandle"  
    21. 
  
  
  
  
  21.  
    22. 
  
  
  
  
  22. privatefunctionresetHandle():void  
    23. 
  
  
  
  
  23.   {  
    24. 
  
  
  
  
  24.    txtUsername.text="";  //用户清空  
    25. 
  
  
  
  
  25.    txtPassword.text="";  //密码清空  
    26. 
  
  
  
  
  26.   }***Ctrl+F11运行  
    27. 
  
  
  
  
  27.  
    28.

 下面看一下 Flex界面设计的效果

用户名：starrynight
密码：123456

网站栏目：学习笔记如何进行Flex界面设计
本文网址：http://www.gawzjz.com/qtweb/news19/171269.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

移动网站建设知识

行业网站建设

四川门窗　　 　手机APP开发　　 　无边发光字制作　　 　租用服务器　　 　服务器租用　　 　成都服务器租用　　 　德阳服务器托管　　 　成都租用服务器　　 　古巴雪茄　　 　新网创想　　 　成都集团网站建设　　 　红锐电子　　 　橡塑保温板　　 　黔盛装饰　　 　成都网站建设　　 　成都广告招牌制作　　 　雅安移动机房　　 　成都app开发　　 　腾讯香港空间　　 　成都网站营销