Axure常用交互效果四——移动效果

[蜡烛]亲爱的小伙伴,在您观看之前,烦请您关注一下,在此深表感谢![比心][比心]

Axure移动交互在整个交互中占有非常重要的地位,曾经有个前辈说过,学好移动效果可以代替很多你搞不懂的复杂交互,比如说菜单的展开与收回,使用移动效果与显示、隐藏搭配使用一样可以做出来;弹窗的显示与移动;轨迹效果等等。

本节课:移动效果

效果描述:单击控件,使目标图案/控件/窗口移动到目标位置

应用场景:页面跳入跳出、弹窗移动、轨迹移动

步骤一:建立一个绿色区域(显示区),拉入四个圆形标记

1

步骤二:在绿色区域外,拉入一个小汽车标识

2

步骤三:为小汽车添加交互,载入时隐藏小汽车,单击时隐藏小汽车(这样做的目的是为了页面载入时不显示小汽车,当显示小汽车时,通过点击小汽车再次隐藏小汽车!)

3

4

步骤四:依次为四个圆形标记添加交互,单击时——显示——小汽车,移动——小汽车

5

6

7

8

9

大家看一下效果!

Axure常用交互效果四——移动效果-CSDN直播


明天的产品大咖就是你,创作可不容易啦,大家可别忘了给我点个赞、关注一下呀,谢谢大伙啦!

到这里就实现了本节课的移动效果,如有更多问题咨询[左上]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

结构化知识课堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值