本篇教程将为大家展示如何使用Axure制作按钮触发效果。

一、演示效果

二、制作过程
首先,我们看下本次教程用到的3个元件:

我们将3个元件水平垂直居中对齐,并且将层顺序修改为:按钮名称->默认按钮->动效。
下一步,我们将动效层,默认设置为隐藏:

下一步,我们对默认按钮增加动作,双击“鼠标移入时”,在弹出面板对“动效”层,进行“可见性”设置:

完成鼠标移入的特效,我们下一步设置鼠标移出的特效,同样双击“鼠标移出时”,在弹出面板对“动效”层,进行“可见性”设置:

完成只有F5进行刷新预览。
发布人:www.yunke.ai 发布时间:2021-01-01 145 次浏览
本篇教程将为大家展示如何使用Axure制作按钮触发效果。


首先,我们看下本次教程用到的3个元件:

我们将3个元件水平垂直居中对齐,并且将层顺序修改为:按钮名称->默认按钮->动效。
下一步,我们将动效层,默认设置为隐藏:

下一步,我们对默认按钮增加动作,双击“鼠标移入时”,在弹出面板对“动效”层,进行“可见性”设置:

完成鼠标移入的特效,我们下一步设置鼠标移出的特效,同样双击“鼠标移出时”,在弹出面板对“动效”层,进行“可见性”设置:

完成只有F5进行刷新预览。
上一篇: 仿网易云播放器:带声音可切换歌曲的播放器
下一篇:Axure原型设计丨页面滑动效果