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

144
作者 Caesar
字数 947 阅读 517评论 1

依靠组件: 动态面板 Dynatic Panel

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

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

正文:

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

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


原型设计
登录 后发表评论
小小亿只
1楼 · 2018-01-12 14:57

汇新云——IT协同产业生态链平台,诚邀IT行业产品经理免费入驻。让我们一起做到极客,将事情做到完美。 现在特有以下四点便利: 1、免费入驻,汇新云平台前期入驻是免费的,平台会按照你的领域、经验、实力给予线上广告位,让你的实力得到更多的展现,让你能够与人分享你的专业知识。 2、免费广告位,产品经理入驻成功后,会给你一个免费时间段的广告位,这个是根据企业/产品经理的实力进行的。 3、免费报道,该项可联系平台运营人员,汇新云平台将根据你的实力判定是否对你进行专访,专访后会在平台上进行报道,让客户对你有深入的了解和认识。 4、免费给予接单渠道,汇新云平台利用大数据分析对你和客户的项目需求进行精准匹配,让专业的人做专业的事!大数据分析对你和客户的项目需求进行精准匹配,让专业的人做专业的事! 联系QQ:1283388913 联系电话:13828826737注册有惊喜哦 链接:https://www.huixinyun.com/UserRegister/Register?r=2017r2ltbjb1214