当前位置:   article > 正文

Axure RP9教程 列表滚动_axure rp9 载入时自动滚动

axure rp9 载入时自动滚动

Axure RP9教程 用动态面板实现一个简单的列表滚动效果

一、说明

列表是PC及移动端比较常见的一种控件,我们通常会遇到一个列表,表头非常多,在显示器中无法显示完整,这时候我们就需要一种简单的滚动效果来实现他;还有一种就是分页大小操作一屏显示的时候我们也需要用到纵向滚动条。

二、案例演示

  1. 没有滚动条效果:
    在这里插入图片描述
    从这里我们明显看到没有滚动条的时候,分页大小超过外部矩形范围时,页面会自动撑开,体验非常不好。
  2. 设置滚动效果
    在这里插入图片描述
    我们可以看到设置滚动条之后,列表的范围没有超出外部矩形框,那么这样一种效果怎么来实现,这里我们将会用到动态面板的两个属性来实现。

三、操作说明

  1. 在画布添加一个列表及外部矩形框,使列表中内容大于外部矩形框高度;
  2. 将列表创建动态面板,并将列表属性纵向滚动,将调整大小以适合内容默认勾选取消;
    在这里插入图片描述
  3. 在调整动态面板的宽高,使动态面板与外部矩形切合。

总结:这样用例的实现实际上就是应用了动态面板的两个属性来实现,分别为滚动方向取消调整大小以适合内容

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/135437
推荐阅读
相关标签
  

闽ICP备14008679号