Axure点击左右按钮tabs左右滑动效果

在做后台系统的时候常会遇到以下tab比较多的情况,这种情况在交互上如何体现的更加的逼真一些呢~

如下图:

1、制作如下

存在左右按钮,其次tabs使用动态面板

2、动态面板内嵌套一个动态面板,并给内部嵌套的动态面板起名,例如aa

3、给左右按钮设置

给鼠标单击设置用例,因为我的每个tab都是90的宽度,因此我希望它的移动是每次移动-90,而便捷,因为我发现我就差一个tab的宽度不到,因此设置了左侧的边界为-90.

右按钮,我设置的的同样是每次移动90,边界值因为我这里总共有6个tab每个是90,因此设置右侧边界为540即可,但是由于像素问题,多加4像素会比较逼真,这个是需要大家微调一下。

你可能感兴趣的:(Axure点击左右按钮tabs左右滑动效果)