九耶丨阁瑞钛伦特-请描述一下如何用Axure绘制banner图效果,并且将这个功能进行详细描述。

第一步:准备图片

首先准备三张大小相同的图片。

第二步:创建动态面板

右键点击第一张图片,唤起菜单,选择"创建动态面板"。

双击动态面板,进入动态面板编辑界面。点击"复制状态"图标,复制出三个状态,分别放置三张图片。

接下来需要替换状态2与状态3的图片。点击State2,切换至状态2替换图片。注意横坐标与纵坐标需与状态1中的图片保持一致。同理替换状态3图片。

至此,动态面板准备完成。

第三步:设置交互

我们需要设置页面载入时,动态面板自动循环播放效果。

将右侧编辑栏切换至"交互",点击"新增交互"。选择事件为"载入时",这样轮播图可以在页面载入时开始播放。选择事件为"载入时",这样轮播图可以在页面载入时开始播放。

选择我们需要制作的轮播图组件,这里选择"此组件"。设置动态面板状态为"下一状态",这样轮播图可以自动播放下一张图片。

设置循环播放:勾选,能让轮播图播放到最后一张图片后,回到第一张图片。

设置进入动画、退出动画:这里都设置为向左滑动,500ms。

更多设置:设置重复间隔为2000ms,即2秒后播放下一张图片;设置延时播放2000ms,即页面加载2秒后开始播放下一张图片。

相关推荐
招风的黑耳2 天前
智慧社区数据可视化中枢平台——Axure全场景交互式大屏解决方案
axure
梓贤Vigo2 天前
【Axure视频教程】中继器表格轮播含暂停效果
交互·产品经理·axure·原型·教程
产品设计大观2 天前
APP动态交互原型实例|墨刀变量控制+条件判断教程
交互·产品经理·axure·墨刀·原型设计·高保真交互原型·动态交互原型
小宁学技术11 天前
Axure RP 9 详细图文安装流程(附安装包)教程包含下载、安装、汉化、授权
axure·photoshop
结构化知识课堂13 天前
Axure疑难杂症:完美解决中继器数据互通、增删改查(玩转中继器)
axure·增删改查·中继器·中继器筛选·数据互通
结构化知识课堂13 天前
Axure疑难杂症:完美解决中继器筛选问题(时间条件筛选、任性筛选)
axure·中继器筛选·时间筛选·多条件筛选
招风的黑耳13 天前
【Axure元件分享】时间范围选择器
axure·时间范围选择器
招风的黑耳13 天前
【Axure元件分享】月份范围选择器
axure·年月选择器
招风的黑耳14 天前
我用Axure画了一个富文本编辑器,还带交互
axure·富文本编辑器
招风的黑耳14 天前
【Axure元件分享】年份范围选择器
axure·年份选择器