美文网首页0岁的产品经理产品经理
Axure 列表滚动/滑动功能的实现

Axure 列表滚动/滑动功能的实现

作者: Hellvensing | 来源:发表于2017-09-21 18:38 被阅读0次

    依靠组件
    动态面板 Dynatic Panel

    实现原理
    动态面板可以开启滚动模式,右键动态面板->ScrollsBars->Show Vertical ScrollsBars as Needed

    动态面板可以遮挡住State中超过面板的内容


    正文

    1. 创建一个动态面板,命名为外层面板,用来遮挡内层面板显示出来的滚动条


      外层面板.png
    2. 在外层面板的State1中创建第二个动态面板,命名为内层面板,在内层面板上右键选择开启滚动功能,注意滚动条需要超过外层面板的范围以达到遮挡的效果


      内层面板.png
    3. 为内层面板填充测试内容,注意一点是内容不要超过外层面板的范围


      内层面板内容.png
    4. 预览结果


      结果测试.gif

    至此,列表滚动/滑动功能已经实现

    文章来源:一个认真的产品经理社区

    相关文章

      网友评论

        本文标题:Axure 列表滚动/滑动功能的实现

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