墨刀怎样做下滑页面?墨刀如何实现上下滑动效果?

墨刀不但可以用来设计原型以及共同协作项目,在其中我们还可以为原型添加一些效果,比如点击效果、滑动效果、动态效果等 。本文小编来教大家如何在墨刀中制作滑动效果,分享关于上下滑动效果的操作步骤 。

墨刀怎样做下滑页面?墨刀如何实现上下滑动效果?

文章插图
我们在浏览网页或者app小程序的时候,有时需要左右滑动来实现切换页面的操作,那么我们如何在墨刀中制作上下滑动页面的效果呢?操作方法如下:
实现上下滚动效果需要用到滚动面板,滚动面板可以用来承载长页面,当我们需要滚动显示内容时可以操作使用 。
1、首先我们需要从浏览器中打开墨刀软件,进入到工作台中 。
2、然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板 。
3、接着将滚动面板放到页面中区,默认动态组件 。双击进入动态组件编辑可以对滚动面板的内容进行调整 。
4、这时候在页面中我们可以看到一个虚线范围,我们可以通过上下滚动让虚线范围内的内容显示出来 。
5、编辑完成后推出组件编辑,在右侧点开外观设置窗口,将滚动条设置为“垂直滚动条” 。
【墨刀怎样做下滑页面?墨刀如何实现上下滑动效果?】按照以上步骤操作即可实现上下滚动的效果,除了上下滚动我们还可以通过将滚动条设置为“水平滚动”以实现左右滚动查看内容的效果 。
添加滑动效果可以使页面承载更多的内容,用户可以很方便的上下或者左右滑动页面查看内容 。

    推荐阅读