码迷,mamicode.com
首页 > 其他好文 > 详细

Axure教程:登录框交互特效

时间:2018-12-27 20:56:05      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:移动   rtx   添加   号码   完成   bec   特效   手机   设置   

一、效果显示

技术分享图片

 

二、制作过程

首先,我们创建一个动态面板,新增2个面板,分别为“default:默认显示灰色边框”,“onclick:点击后显示的蓝色框”。

技术分享图片

Default面板:

onclick面板:

onclick面板,可以看到是由2个元素组成,蓝色的边框和一个白色的色块,白色色块的作用是用于点击后,使文字显示区域的背景为白色。

下一步,我们在动态面板上一层,输入“电子邮件或手机号码”的字段,并且命名为电子邮件或手机号码:

技术分享图片

下一步,创建交互动作,点击动态面板,选择“获取焦点时”,在弹出页面添加“设置文本”、“移动”、“设置面板状态”3个动作。

设置文本设置:

技术分享图片

移动设置:

技术分享图片

动态面板设置:

技术分享图片

完成动态面板获取焦点后的效果,我们继续对动态面板失去焦点后恢复原样的效果进行设置,参数与获取焦点时相同。

技术分享图片技术分享图片技术分享图片

完成以上设置,F5进行预览。

Axure教程:登录框交互特效

标签:移动   rtx   添加   号码   完成   bec   特效   手机   设置   

原文地址:https://www.cnblogs.com/chuangye95/p/10187187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!