Axure之水泡导航实现

Axure学习从点滴开始！

下面是插入水泡导航的简单实现方法，希望读该文章的你在产品路上又进步了一点。

1.新建一个项目，在元件库中拖入一个矩形650*60；

2.在元件库中拖入五个矩形125*55作为导航栏，均设为蓝底蓝边框，并分别写上文案“推荐”，“今日热门”，“人气达人”，“每周排行”，“历史记录”；

3.再拖入一个矩形125*55放在推荐上，设为全透明，并命名为透明层；

4.再拖入一个圆角矩形100*40放在全透明层上，设为半透明，并命名为半透明层；

5.将透明层和半透明层组合在一起放在推荐上，并命名为水泡；

6.选中导航“推荐”，在右侧属性添加用例鼠标移入，并选中移动水泡到绝对位置，并设置x轴为[[This.x]]，y轴为[[This.y]]，动画设为线性，时间为500ms；

7.将步骤6中的用例复制粘贴到其他四个导航上；

8.最后，点击预览，保存，即可查看。

喜欢就经常来关注，文章会不定期更新~