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

144
作者 Caesar
字数 947 阅读 372评论 0

依靠组件: 动态面板 Dynatic Panel

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

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

正文:

  1. 创建一个动态面板,命名为外层面板,用来遮挡内层面板显示出来的滚动条 外层面板.png外层面板.png
  2. 在外层面板的State1中创建第二个动态面板,命名为内层面板,在内层面板上右键选择开启滚动功能,注意滚动条需要超过外层面板的范围以达到遮挡的效果 内层面板.png内层面板.png
  3. 为内层面板填充测试内容,注意一点是内容不要超过外层面板的范围 内层面板内容.png内层面板内容.png
  4. 预览结果 结果测试.gif结果测试.gif

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


原型设计
登录 后发表评论