网站首页 > 编程文章 正文
在元件库中找到动态面板,并添加你所需要轮播的次数的状态
准备好需要轮播的图片扔进对应的状态中
选中动态面板——在右侧交互面板——新建交互——载入时.
这里需要注意的是一定要勾选"循环间隔"并设置时间
这个时候轮播图已经完成了,但可以更好
我们可以拖几个小圆放在轮播图的下面,通过点击可以切换到对应顺序的图片
拖几个?,选中后单击鼠标右键---设置选项组---设置名称
(选项组作用:同一个选项组的元件,当其中一个部件被选中时,系统会自动取消选择其他部件。)
之后设置面板状态与圆点的对应关系。先为圆点添加交互样式,设置填充颜色
面板状态为轮播图1时,对应圆点1;面板状态为轮播图2时,对应圆点2;面板状态为轮播图3时,对应圆点3 操作:添加情形---当面板状态为第一张图片时选中第一个小圆点,以此类推。
再为小圆点添加单击事件,单击小圆点切换对应面板状态显示图片,并且小圆点也要设置向后循环的动作,这里的"循环间隔"和时间也必须设置,不然会出事。
最后,预览的时候发现 第一次轮播第一个小圆点不会被选中,这里在动态面板载入时设置选中第一个小圆点就行了。
猜你喜欢
- 2024-10-22 Axure 9 案例教程,如何利用情形实现B站图文登录验证?
- 2024-10-22 Axure:使用动态面板实现拖动的方法
- 2024-10-22 Axure 9 教程:如何制作验证码倒计时,并重新获取交互效果?
- 2024-10-22 Axure 9.0教程:二级菜单的制作与使用
- 2024-10-22 产品新人如何用做产品的方法制作Axure元件库
- 2024-10-22 Axure9原型设计:动态面板实现APP隐藏菜单
- 2024-10-22 Axure PR 9 按钮(Button)设计&交互
- 2024-10-22 Axure RP 9 教程:9宫格拼图如何制作
- 2024-10-22 Axure9 教程:可模糊搜索的多选效果
- 2024-10-22 Axure高保真教程:滑动输入元件(axure rp8怎么做滑动)
你 发表评论:
欢迎- 05-09Spring Boot3 RESTful 接口参数校验,这篇吃透就够了!
- 05-09《Spring6》第02节:基于XML方式搭建Spring6框架开发环境
- 05-09MapStruct架构设计(mapstruct @mapping)
- 05-09分布式微服务架构组件(分布式微服务架构设计)
- 05-09Java Swing组件下的JButton实例(java swing 组件)
- 05-09java基础都在这了,小主们拿去吧(java基础是指什么)
- 05-09AOP的实现落地(拦截过滤),一切都要从Servlet说起
- 05-09【Spring Boot】WebSocket 的 6 种集成方式
- 最近发表
-
- Spring Boot3 RESTful 接口参数校验,这篇吃透就够了!
- 《Spring6》第02节:基于XML方式搭建Spring6框架开发环境
- MapStruct架构设计(mapstruct @mapping)
- 分布式微服务架构组件(分布式微服务架构设计)
- Java Swing组件下的JButton实例(java swing 组件)
- java基础都在这了,小主们拿去吧(java基础是指什么)
- AOP的实现落地(拦截过滤),一切都要从Servlet说起
- 【Spring Boot】WebSocket 的 6 种集成方式
- Java 中五种最常见加密算法:原理、应用与代码实现
- 用注解进行参数校验,spring validation介绍、使用、实现原理分析
- 标签列表
-
- spire.doc (59)
- system.data.oracleclient (61)
- 按键小精灵源码提取 (66)
- pyqt5designer教程 (65)
- 联想刷bios工具 (66)
- c#源码 (64)
- graphics.h头文件 (62)
- mysqldump下载 (66)
- sqljdbc4.jar下载 (56)
- libmp3lame (60)
- maven3.3.9 (63)
- 二调符号库 (57)
- 苹果ios字体下载 (56)
- git.exe下载 (68)
- diskgenius_winpe (72)
- pythoncrc16 (57)
- solidworks宏文件下载 (59)
- qt帮助文档中文版 (73)
- satacontroller (66)
- hgcad (64)
- bootimg.exe (69)
- android-gif-drawable (62)
- axure9元件库免费下载 (57)
- libmysqlclient.so.18 (58)
- springbootdemo (64)
本文暂时没有评论,来添加一个吧(●'◡'●)