怎么进行Flex界面设计

这篇文章给大家分享的是有关怎么进行Flex界面设计的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联服务项目包括通河网站建设、通河网站制作、通河网页制作以及通河网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，通河网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到通河省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

Flex界面设计

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

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

<?xmlversionxmlversion="1.0"encoding="utf-8"?>    <![CDATA[    importmx.controls.Alert  //调用Alert类，弹出警告    privatefunctionloginHandle():void    {     if(txtUsername.text==""||txtPassword.text=="")  //用户密码为空     {      Alert.show("请输入完整数据！");     }     else     {      //合法用户      if(txtUsername.text=="starrynight"&&txtPassword.text=="123456")      {       Alert.show("登陆成功！");      }      //登陆失败      else      {       Alert.show("用户名或密码错误！");      }     }    }    //重置函数    privatefunctionresetHandle():void    {     txtUsername.text="";  //用户清空     txtPassword.text="";  //密码清空    }   ]]>                       

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

privatefunctionloginHandle():void    {     if(txtUsername.text==""||txtPassword.text=="")  //用户密码为空     {      Alert.show("请输入完整数据！");     }     else     {      //合法用户      if(txtUsername.text=="starrynight"&&txtPassword.text=="123456")      {       Alert.show("登陆成功！");      }      //登陆失败      else      {       Alert.show("用户名或密码错误！");      }     }    }重置事件处理函数"resetHandle"   privatefunctionresetHandle():void    {     txtUsername.text="";  //用户清空     txtPassword.text="";  //密码清空    }***Ctrl+F11运行

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

用户名：starrynight
密码：123456

 

感谢各位的阅读！关于“怎么进行Flex界面设计”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

当前文章：怎么进行Flex界面设计
转载注明：http://cdxtjz.cn/article/iidiji.html