【效果一：幻灯片直接循环切换，即切换到最后一张后自动切换到第一张】
第一步、向工作区添加一个动态面板，并给动态面板添加2个状态，默认已有一个状态，所以现在又3个状态，這三个状态我们后面可以理解为3个子页、3张图片或者就是3个状态。
第二步、给动态面板添加事件——面板载入时添加循环切换事件，如下图；
【效果二：幻灯片中的图由右向左切换】
继承上面的方法，还是在载入事件后选择“进入动画”，这里大家可是试着选择不同的动画来查看效果。
最终效果如下
原创文章，作者：冯 赛涛，如若转载，请注明出处：https://www.pmtemple.com/fengsaitao/917/
微信扫一扫
支付宝扫一扫
冯 赛涛 相关推荐
-
Axure教程-摩拜单车扫码开锁
上篇文章，完成了摩拜登录的模块，登录完了，干啥呢？当然是扫码用车呀。 这篇文章给大家讲讲扫码的效果怎么做。 观察： 摩拜的扫码是单向扫的，一根航线从上往下扫，循环的扫啊扫。 我们用最简单的方式，实现方案： 1、准备横线，注意到这个横线是个类似椭圆中粗边细的形状，命名line，我们用圆来变形，宽220，高…
-
Axure教程-和我一起设计简书App
简书 本文通过还原简书App原型的过程，进行了大量的交互设计。在原型制作过程中，几乎实现了最常见的交互效果，主要包括：轮播图、换一批、table切换、滑动开关、分享、toast提示、计数、清空、排序、置顶，还有各类函数、动态面板、中继器的灵活运用，以及全局变量在跨页面场景下的使用。本文将会分享实现这些交互效果的设计思路与方法，希望能够帮助到有需要的同学在原型…
-
Axure教程-左右双向列表带计数选择
列表框左右双向选择效果在互联网平台中应用非常多，从左侧的待选项中选中选项移入右侧，从右侧的已选项中取消选项移入左侧。PMGOD将通过这篇案列分享，教大家使用Axure制作实现“双向列表带计数选择” 演示地址：穿梭器：双向列表带计数选择 实现效果 1、双向列表均为单项选择，不支持多选或全选； 2、移入选项、点击选项时分别有文字颜色或…
-
Axure RP 9 教程—模拟微信系列3.模糊查询
今天我们来讲模拟微信的第三篇，本次模拟的主要内容是利用中继器和LVAR.indexOf(”)函数实现模糊查询，除了模糊查询，我还对之前两个版本的原型进行了进一步的优化，大家可以下载自行研究。 效果图 模糊查询可以根据用户的名称和用户的消息内容进行查询。 制作原理 LVAR.indexOf(‘A’)函数： LVAR表示在哪儿…
-
Axure教程-axure实现大转盘抽奖
转盘抽奖一般会出现在一些金融类网站中，通过转盘抽奖来激活用户浏览行为，后来又多用于微信的公众号运营中，通过转盘抽奖来宣传活动，从而达到吸粉的目的。这一章就教大家如何使用axure原型工具制作转盘抽奖原型。 第一步：拖拉摆放好相关控件 1、转盘：300X300的白底黑框圆形，一条垂直线、一条45度垂直线、一条水平线、一条45度水平线，四线交叉组合居中放于白底黑…
-
AxureRP8中实现伸缩式的图片展示交互效果
上午的时候，在一个群里看到这样的实现需求。 伸伸缩缩，感觉很爽的样子。 那么，这样的一个交互效果如何实现呢？ 详细的教程我就不写了，直接上交互截图和源文件就好了。 好多操作步骤是吧？ 实际上，只需要在一张图片上完成这些设置，剩下不管有多少张图片都是复制粘贴而已。 这里主要说一下这些交互内容中的关键点。 首先，需要两个变量记录当前展示的图片编号，和上一个展示的…
-
Axure教程-动态随机获取“大小写字母及数字”图形校验码/验证码
各大互联网站因为安全校验需要，防止站点大量重复请求、机器人暴力访问等情况，在校验用户身份时常采用图形校验码方式。作者将通过这篇案列分享，教大家使用Axure制作实现“获取验证包含大小写字母与数字的随机图形校验码”。 演示地址：获取验证包含大小写字母与数字的随机校验码 实现效果 校验码随机显示，包含0-9的数字，a-z的小写字母，A-Z的大写字母； 点击“验证…
-
Axure RP 9 教程—开着小汽车回家
寄语 人与人的差距就是在不经意间拉开的； 人要学会享受孤独，孤独的时候才会想很多； 当你凝望深渊时，深渊也在凝望你，当你斩尽恶龙时，你也变成了恶龙，用小人对付你的招数去对付小人，终究，你也变成小人，出淤泥而不染，濯清涟而不妖，大概也是在讲这个道理吧~ 咳咳，扯了这么多没用的~~~ 知识不在于占有，不在于浏览器存了多少资源，不在于网盘攒了多少秘密，在于能否学会…
