美文网首页
Axure点击左右按钮tabs左右滑动效果

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

作者: 小贝呀哦 | 来源:发表于2018-12-14 10:33 被阅读0次

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

    如下图:

    1、制作如下

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

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

    3、给左右按钮设置

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

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

    相关文章

      网友评论

          本文标题:Axure点击左右按钮tabs左右滑动效果

          本文链接:https://www.haomeiwen.com/subject/xguwhqtx.html