墨刀不但可以用来设计原型以及共同协作项目,在其中我们还可以为原型添加一些效果,比如点击效果、滑动效果、动态效果等 。本文小编来教大家如何在墨刀中制作滑动效果,分享关于上下滑动效果的操作步骤 。
文章插图
我们在浏览网页或者app小程序的时候,有时需要左右滑动来实现切换页面的操作,那么我们如何在墨刀中制作上下滑动页面的效果呢?操作方法如下:
实现上下滚动效果需要用到滚动面板,滚动面板可以用来承载长页面,当我们需要滚动显示内容时可以操作使用 。
1、首先我们需要从浏览器中打开墨刀软件,进入到工作台中 。
2、然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板 。
3、接着将滚动面板放到页面中区,默认动态组件 。双击进入动态组件编辑可以对滚动面板的内容进行调整 。
4、这时候在页面中我们可以看到一个虚线范围,我们可以通过上下滚动让虚线范围内的内容显示出来 。
5、编辑完成后推出组件编辑,在右侧点开外观设置窗口,将滚动条设置为“垂直滚动条” 。
【墨刀怎样做下滑页面?墨刀如何实现上下滑动效果?】按照以上步骤操作即可实现上下滚动的效果,除了上下滚动我们还可以通过将滚动条设置为“水平滚动”以实现左右滚动查看内容的效果 。
添加滑动效果可以使页面承载更多的内容,用户可以很方便的上下或者左右滑动页面查看内容 。
推荐阅读
- 墨刀如何设置分享链接权限?如何设置页面分享权限?
- 墨刀如何使用母版功能?母版功能的作用是什么?
- 墨刀如何下载图片?墨刀中图片可以下载什么格式?
- 墨刀如何裁切图片?墨刀如何等比缩放或拉伸图片?
- 墨刀中如何分割图片?分割图片的步骤有什么?
- 墨刀中的智能间距功能 墨刀如何整理组件的水平间距?
- 墨刀如何删除页面?删除的页面如何找回?
- 墨刀如何添加页面文件夹?添加页面文件夹的作用是什么?
- 墨刀如何实现左右滑动效果?墨刀如何制作水平滚动效果?
- 墨刀如何添加页面标识?添加页面标识的作用是什么?