Axure实现手机上滑功能

相信绘制手机app端原型的伙伴们,经常会遇到内容不止一屏展示,需要上滑查看更多的需求,那么如何绘制一个手机上滑实现更多内容查看的功能呢,如果使用的是墨刀,墨刀软件是自己支持的,如果使用的是axure,那么就需要自行实现了,好了,废话不多说,现在开始说一下实现的步骤

其实原理很简单,使用的是动态面板的滑动条功能

首先,需要将需要实现滑动的内容转化为动态面板

Axure实现手机上滑功能

然后按住动态面板的拖动高度的键,将动态面板调整至合适的高度

Axure实现手机上滑功能

Axure实现手机上滑功能

将动态面板设置成自动显示垂直滚动条

Axure实现手机上滑功能

拖动动态面板横向的按键将滚动条正好拖到手机边框的位置,目的是正好让手机边框挡住滑动条

Axure实现手机上滑功能

Axure实现手机上滑功能

最关键的一步,设置完成后即可完成最终的配置,就是设置载入时,将手机壳置于顶层, 这样就实现了手机壳遮挡滑动条的效果

Axure实现手机上滑功能

Axure实现手机上滑功能

看一下最后的效果,是不是和手机上看到的是一样的滑动效果

Axure实现手机上滑功能

希望对刚刚入手学习axure的伙伴们有帮助

来源:产品阿强

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年11月3日
下一篇 2021年11月3日

相关推荐