当前位置:   article > 正文

datagridview滚动条自动滚动_Axure 教程:不可见滚动条的页面滚动效果

datagreatview 滚动滑动条

c24424562fce25499efdb78f11b9e1f3.png

产品原型设计是产品经理每日或周期性必须经历的事情。经过长期的产品沉淀,每位产品经理多少都会有完美主义精神。产品原型的领域,就是其完美主义精神发挥的场所之一。

在设计产品原型的过程中,经常会遇到这样的一种场景——所要展示的内容,超出了当前可视页面范围。遇到这种情况,通常使用Axure动态面板的滚动条设置来解决。

有滚动条效果

首先,创建动态面板(Panel)

选中当前需要添加滚动条范围内部件,右键选中“创建动态面板(Create Dynamic Panel)”。

0b9e5f90788376d58cfc7afd42fcf2be.png

其次,设置动态面板滚动条效果为“纵向滚动条”

设置为“纵向滚动条”后,具体如下图所示:

99f5087b7083fc0e58c4a8e05f7589bf.png

展示内容超过当前页面的时候,会自动生成滚动条效果。

第三,生成Axure原型,查看有滚动条效果界面

具体如下:

0ce549577a0f72403d614bcce8e3da4c.png

无滚动条效果

首先,基于“有滚动条效果”,制作无滚动条效果

基于“有滚动条效果”中第二步骤,在原有的动态面板基础上再创建一层动态面板。点击最外层动态面板,进入操作界面。将内层的动态面板,设置滚动条效果。将看到的滚动条,移出外层动态面板框定的区域范围外。

具体如下图所示:

7f63a90cce8268f46e6f4042f973fc37.png

其次,生成Axure原型,查看无滚动条效果界面。

具体如下:

9268ebff42172c12fbf11dc7ce16b4be.png

有滚动条和无滚动条,本质上都能够实现页面滚动查看完整信息效果。

什么样的场景应用无滚动条的界面效果?

当页面右侧滚动条数量>=2时,建议使用无滚动条界面的效果,提升用户体验。

【喜欢记得关注点赞哦!更多内容请进入issnail,里面会分享更多内容哦!】

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

闽ICP备14008679号