AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!

  • Post author:
  • Post category:其他


之前用Axure9做了一个关于桔梗网的注册登录的界面,这次把功能补上。



一、之前的界面

因为是做完了功能才写的这个,所以界面上有很多黄色的这个,这个是事件。

这个界面是注册界面

在这里插入图片描述

这个是登录界面

在这里插入图片描述



二、添加跳转和关闭功能

1)、在注册的这个界面中,点击登录

在这里插入图片描述

2)、点击交互,添加动作【单击时】–选择事件【打开链接】–选择做好的登录界面

在这里插入图片描述

3)、按下F5就可以实现效果,在登录中跳转回注册也是这样。

4)、右上角的这个×,可以是截图的图片×,也可以是自己画的[两条线接起来]。点击–交互–单击时–关闭窗口

在这里插入图片描述



三、在注册界面中(登录界面一样的步骤)验证用户名、密码不能为空,并进行相应的提示信息

说明:做这个图形功能注意一个是事件一个动作

在这里插入图片描述

在这里插入图片描述

1)拖动一个矩形进来,取名name,再拖动一个矩形取名为pwd,最后拖动一个矩形取名为success

在这里插入图片描述

2)、把三个矩形的字型,字号,字的颜色都设置一下,并把矩形的边框设置为不可见。

在这里插入图片描述

3)、账号里面是文本框取名为username,同理密码的文本框取名为password,点击username这个文本框设置失去焦点时,添加情形case1和case2,password文本框也是这么设置。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

出现下面交互编辑器

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4)、点击下面的“注册桔梗网”,选择动作单击时,然后进行设置。

在这里插入图片描述



四、按下F5 ,看结果[同理登录界面的操作],然后按下右上角的×关掉

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述



版权声明:本文为qq_44830627原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。