Axure RP9教程 列表滚动

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

一、说明

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

二、案例演示

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

三、操作说明

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值