如何使用墨刀设置卡片切换效果

2025-05-11 14:49:59

卡片切换效果会使用到很多的移动应用场景当中,比较常见的一种就是在电商平台上,我们浏览某一件商品的时候,会进行左右移动,然后会显示出来不同的商品,下面就来看一下如何使用墨厉骼馕减刀来实现这种卡片式的切换效果吧!

如何使用墨刀设置卡片切换效果

2、启动页和启动logo这里就直接跳过去了,当然了如果要是想要添加的话也是可以的。

如何使用墨刀设置卡片切换效果

第二步:准备素材与静态排布

1、基础静态构建。从右侧基用疣黄门础组件当中,拖入一个矩形,将图片添加到矩形当中,同时可以添加一部分的文字以便介绍,矩形下方添加三个小状态矩形,最下方加入三个矩形和是三个上面对应的图片。

如何使用墨刀设置卡片切换效果

第三步:状态新增与添加全局手势

1、新增状态。在状态的弹窗当中,新增两个状态,因为我们一共是需要三个状态,状态的添加根据自己的实际需要进行设置。

如何使用墨刀设置卡片切换效果如何使用墨刀设置卡片切换效果

3、在全局状态下,新增两个全局手势,全局手势可以安放到任意的一个位置,只要方便即可。

如何使用墨刀设置卡片切换效果

5、定位到状态3,将右侧的全局手势链接到状态2,手势为右滑动,效果为神奇移动。

如何使用墨刀设置卡片切换效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢