如何在Axure中实现轮播图

嘿,大家好,今天教大家如何在Axure中实现轮播图的效果,废话不多说,直接进入正题。

首先建立一个动态面板,如果有5个图片的话则建立5个状态,每个状态插入一张图片:

然后在动态面板下放置5个圆点并将其组合起来,再将动态面板与之再组合起来:

在首页添加事件实现页面一加载完就自动轮播的效果:

然后在banner组合上添加事件,实现鼠标移入时暂停,移出时继续轮播的效果:

给每一个圆点添加点击时填充黑色的交互事件,同时默认第一个被点击。

为了实现点击圆点切换对应的图片的效果,需要给每一个圆点添加点击事件:

对应的圆点为true,其他为false。同时选中对应的图片

但是仅仅这样还不够,如果图片自动轮播的话,对应的圆点不会被填充,那我们该如何实现呢?需要给动态面板添加事件:

同理,依次改变。

这样就可以实现啦!是不是很简单,还不快动手试试!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为Axure初学者,把最近学的东西记录下来,和大家一起学习。不管是在PC端还是移动端,轮播图是常见的设计元素。下...
    Olga_Hu阅读 33,406评论 3 28
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,099评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,054评论 3 119
  • 在夜里保持清醒,不叫失眠 空调的风声吹去夏的炎热 黑夜让城市陷入期待的凉意 如乡野的薄雾缭绕远山之清凉 思维的弦也...
    蒋菱阅读 1,715评论 1 1
  • 阅读帮助 关于命令提示符:#表示是用 root 用户执行的命令ex: # useradd cas$表示是用普通用户...
    DimonHo阅读 3,630评论 0 2

友情链接更多精彩内容