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

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

注册与登录

    • 一、之前的界面
    • 二、添加跳转和关闭功能
    • 三、在注册界面中(登录界面一样的步骤)验证用户名、密码不能为空,并进行相应的提示信息
    • 四、按下F5 ,看结果[同理登录界面的操作],然后按下右上角的×关掉

一、之前的界面

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

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

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

二、添加跳转和关闭功能

1)、在注册的这个界面中,点击登录
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第3张图片
2)、点击交互,添加动作【单击时】–选择事件【打开链接】–选择做好的登录界面
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第4张图片
3)、按下F5就可以实现效果,在登录中跳转回注册也是这样。

4)、右上角的这个×,可以是截图的图片×,也可以是自己画的[两条线接起来]。点击–交互–单击时–关闭窗口
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第5张图片

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

说明:做这个图形功能注意一个是事件一个动作
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第6张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第7张图片

1)拖动一个矩形进来,取名name,再拖动一个矩形取名为pwd,最后拖动一个矩形取名为success
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第8张图片

2)、把三个矩形的字型,字号,字的颜色都设置一下,并把矩形的边框设置为不可见。
在这里插入图片描述
3)、账号里面是文本框取名为username,同理密码的文本框取名为password,点击username这个文本框设置失去焦点时,添加情形case1和case2,password文本框也是这么设置。
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第9张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第10张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第11张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第12张图片
出现下面交互编辑器
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第13张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第14张图片
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第15张图片
4)、点击下面的“注册桔梗网”,选择动作单击时,然后进行设置。
AxureRp9画一个注册并登录界面,并验证用户名、密码不能为空,进行相应的提示信息!_第16张图片

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

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

你可能感兴趣的:(Axure)