Axure实现百度登录页面(一)


本文主要实现了百度登录页面的设计,其中最主要的是实现点击用户名和密码框时使边框颜色发生变化

(1)首先拖入一个矩形框,将边框可见性全部去掉

 

(2)将百度的图片拖入,将“用户名密码登录”和“短信快捷登录”字段设置好

(3)拖入两个矩形框,设置框的大小,之后再拖入两个文本框,设置合适的大小(我将文本框的大小和输入框的大小设置成差不多的重合的状态,之后将输入框边框隐藏)

注意⚠️,文本框默认是有边框的,并且不能对其像矩形框那样改变他的边框是否能显示,只能勾选隐藏边框选项

 

(4)在文本框中输入【提示文字】手机/邮箱/用户名,同理对密码输入框进行同样的设置,注意密码文本框的类型要改成【密码】

 

(5)设置完上面那些基本的东西之后,下面实现点击输入框,边框变成蓝色的功能

首先选中用户名部分的【矩形框】,点击属性中的【选中】,如下图

 

设置线段颜色,这个颜色即为点击输入框之后,边框要变成的颜色

 

 

 (6)选中用户名部分的【文本框】,

获取焦点时,输入框变为蓝色:

失去焦点时输入框变为原来的灰色:

 

 (7)对密码框部分运用相同的方法即可实现这个功能

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM