如何为墨刀的单个轮播图进行事件编辑

 时间:2024-11-14 01:03:44

很多小伙伴们在刚开始使用墨刀轮播图内置组建的时候,翱嘿幡奸都不知道如何进行页面事件跳转的编辑,因为轮播图组件是作为一个整体的,如果是弋讥孜求使用整体进行页面跳转的话,每一张banner图都会跳转到同一个页面当中,下面就来看一下如何对单个轮播图进行编辑吧!

如何为墨刀的单个轮播图进行事件编辑

工具/原料

墨刀原型设计工具

方法/步骤

1、首先,在墨刀新建的空白页面当中,我们可以找打轮播图组建,然后将其拖动到工作区当中。

如何为墨刀的单个轮播图进行事件编辑

2、在右侧,我们可以新建四个banner跳转的页面,具体如下图所示。

如何为墨刀的单个轮播图进行事件编辑

3、为了方便展示,我们在banner1当中,插入一张图片,上方插入一个文本,返回,对返回做一个单击事件,返回至主页。

如何为墨刀的单个轮播图进行事件编辑

4、回到主页,单击轮播图主页,可以看到左侧会出现四个编辑页面,代表四个轮播图。

如何为墨刀的单个轮播图进行事件编辑

5、我们单击编辑页面1,然后对页面一做一个单击事件,页面跳转到banner1页面,效果可以根据自己的需求进行设置。

如何为墨刀的单个轮播图进行事件编辑

6、点击运行,就可以进行悴匙吭佰预览了,可以看到,单击第一张banner,就会跳转到第一张banner图了,剩下的几张,按照上面的方法进行设置即可。

如何为墨刀的单个轮播图进行事件编辑

如何为墨刀的单个轮播图进行事件编辑

墨刀如何调整图层顺序 墨刀如何进行图层设置 Axure设计:简单的图片细节局部放大 AxureRP如何展开,收起,弹出,停靠功能面板 墨刀如何设置图标
热门搜索
几米漫画 红旗suv报价及图片 九宫格凑图用空白图片 厂房图片 吃的图片