对墨刀工具有一定了解的小伙伴们应该都知道,在墨刀中我们不但可以设计原型共同协作,还可以为原型添加一些效果,比如点击效果、滑动效果、动态效果等 。下面小编来教大家如何在墨刀中制作水平滚动的效果 。
文章插图
我们在浏览网页或者app小程序的时候,有时需要左右滑动来实现切换页面的操作,那么我们如何在墨刀中制作左右滑动的效果呢?操作方法如下:
实现左右滚动效果需要用到滚动面板,滚动面板可以用来承载长页面,当我们需要滚动显示内容时可以操作使用 。
1、首先我们需要从浏览器中打开墨刀软件,进入到工作台中 。
2、然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板 。
3、接着将滚动面板放到页面中区,默认动态组件 。双击进入动态组件编辑可以对滚动面板的内容进行调整 。
4、这时候在页面中我们可以看到一个虚线范围,我们可以通过左右滚动让虚线范围内的内容显示出来 。
5、编辑完成后推出组件编辑,在右侧点开外观设置窗口,将滚动条设置为“水平滚动条” 。
按照以上步骤操作即可实现左右滚动的效果,除了左右滚动我们还可以通过将滚动条设置为“垂直滚动”以实现上下滚动查看内容的效果 。
【墨刀如何实现左右滑动效果?墨刀如何制作水平滚动效果?】添加滑动效果可以使页面承载更多的内容,用户可以通过滑动页面的操作查看内容 。
推荐阅读
- 墨刀如何添加页面文件夹?添加页面文件夹的作用是什么?
- 墨刀如何添加页面标识?添加页面标识的作用是什么?
- 墨刀中可以导出什么格式的单个元素?墨刀可以导出什么格式的原型图?
- 淘宝客服拉黑客户违规吗?如何拉黑客户?
- 直通车图的四要素是什么?如何做好直通车图?
- 淘宝客推广有效果吗?如何去推广?
- 淘宝客服月薪一般多少?如何做好客服?
- 淘宝直通车推广亏本还要开吗?如何提高推广流量?
- 淘宝直播准备工作有哪些?如何做好?
- cdr如何精确设置颜色值?cdr如何设置选择颜色精确数值?