Axure-蒙版遮罩,鼠标移入移出点击效果设置,登录注册页面

第二章主要讲解蒙版遮罩,鼠标移入移出点击效果设置登录注册页面
蒙版遮罩就是用和页面大小的并且设置为半透明灰色的矩形盖住原有的页面,与某一元件相关联系(在“交互”中添加“用例”)选择显示或隐藏效果即可。
鼠标移入移出和点击的效果主要是由“显示/隐藏”和选择“交互”元件组合而成(即在“交互”中添加“用例”选择显示或隐藏效果即可)。
(这两部分跟着视频做就行,没什么注意点)
在这里插入图片描述
登录注册页面用动态面板做两个状态‘登录’和‘安全登录’,在‘登录’的状态中设置文本框来显示用户名,密码等,还可以加个‘复选框’来选择是否记住密码,‘忘记密码’和‘点击注册’在鼠标点击中可以设置‘打开链接’,粘贴上其他页面的链接,从而跳转到其他页面,右击鼠标设置“交互方式”在鼠标悬停或点击时改变文字色彩加以区别。
在“安全登录”页面中用一张二维码作为登录方式,在底部加上QQ,微信社交账号登录的方式。
两个状态编辑完成后与“登录”,“安全登录”页面关联起来:“登录”小元件 设置交互 当鼠标单击时 ‘编辑面板状态’选择‘登录’状态即可。
看到百度之前的登录页面,发现一个小图标可以在光标移动到矩形里,可以亮起来:在小矩形里放好图标,把文本框与小矩形框交互起来,**获得焦点(在输入框中输入时就获得了焦点)**时选中,不获得焦点时不选中,提前一步把小图标和小矩形边框交互形式设置好变化的颜色即可)
在这里插入图片描述
在这里插入图片描述
注意

  1. 动态面板多个状态中默认优先显示状态一,注意根据人们习惯设置优先显示的状态。
  2. 视频中在上一章提到加入图片元件时后导入的图片会根据已经添加的图片元件大小来自动匹配,经过几次添加图片发现并不是这样,当图片过大时,就会显示原图片大小,此时需要手动调节。
  3. “登录页面”的文本框可在右边功能区文本框下编辑‘类型’‘提示文字’‘大小’等。
  4. 不知道为什么两个标题‘底部对齐’后不是那么整齐 见下图
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值