优草派 > 视觉设计

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

李冰琪         优草派

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

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

我们在浏览网页或者app小程序的时候,有时需要左右滑动来实现切换页面的操作,那么我们如何在墨刀中制作上下滑动页面的效果呢?操作方法如下:

实现上下滚动效果需要用到滚动面板,滚动面板可以用来承载长页面,当我们需要滚动显示内容时可以操作使用。

1、首先我们需要从浏览器中打开墨刀软件,进入到工作台中。

2、然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板。

3、接着将滚动面板放到页面中区,默认动态组件。双击进入动态组件编辑可以对滚动面板的内容进行调整。

4、这时候在页面中我们可以看到一个虚线范围,我们可以通过上下滚动让虚线范围内的内容显示出来。

5、编辑完成后推出组件编辑,在右侧点开外观设置窗口,将滚动条设置为“垂直滚动条”。

按照以上步骤操作即可实现上下滚动的效果,除了上下滚动我们还可以通过将滚动条设置为“水平滚动”以实现左右滚动查看内容的效果。

添加滑动效果可以使页面承载更多的内容,用户可以很方便的上下或者左右滑动页面查看内容。

  • 微信好友

  • 朋友圈

  • 新浪微博

  • QQ空间

  • 复制链接

取消
5天短视频训练营
新手入门剪辑课程,零基础也能学
分享变现渠道,助你兼职赚钱
限时特惠:0元
立即抢
新手剪辑课程 (精心挑选,简单易学)
第一课
新手如何学剪辑视频? 开始学习
第二课
短视频剪辑培训班速成是真的吗? 开始学习
第三课
不需要付费的视频剪辑软件有哪些? 开始学习
第四课
手机剪辑app哪个好? 开始学习
第五课
如何做短视频剪辑赚钱? 开始学习
第六课
视频剪辑接单网站APP有哪些? 开始学习
第七课
哪里可以学短视频运营? 开始学习
第八课
做短视频运营需要会什么? 开始学习
【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。

客服热线:0731-85127885

湘ICP备19005950号-1  

工商营业执照信息

违法和不良信息举报

举报电话:0731-85127885 举报邮箱:tousu@csai.cn

优草派  版权所有 © 2024