【Axure交互教程】两种常见的图片幻灯效果
source link: http://www.chanpin100.com/article/124174
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
【Axure交互教程】两种常见的图片幻灯效果
- 发布于3小时前
- 阅读612
图片幻灯是产品设计中常用的交互功能，本次教程主要是针对两种种常见的图片幻灯效果进行详细说明
一、交互效果说明
1、左右箭头切换
幻灯3秒自动切换，并且支持左右箭头点击切换
2、焦点切换
幻灯3秒自动切换，同时焦点随着幻灯一起切换；点击焦点，幻灯也会随着焦点切换
下载及预览地址：https://www.pmdaniu.com/rp/detail/128054
1、左右箭头切换
创建一个动态面板，命名为【幻灯图片】，双击动态面板，添加并设置三张图片
制作左右箭头并放置在动态面板【幻灯图片】左右两边
接下来添加交互，选择动态面板【幻灯图片】，触发载入时事件
选择左边箭头触发鼠标单击事件
选择右边箭头触发鼠标单击事件
2、焦点切换
创建一个动态面板，命名为【焦点切换】，双击动态面板添加并设置三张图片
创建一个新的动态面板，命名为【焦点】，并添加设置三个焦点
并分别设置三个焦点的颜色，
接下来添加交互
选择动态面板【焦点切换】触发载入时事件
选择动态面板【焦点】，双击焦点一进入
选择第二个焦点矩形图，触发鼠标单击事件
选择第三个焦点矩形，触发鼠标单击事件
选择动态面板【焦点】，双击焦点二进入
选择第一个焦点矩形图，触发鼠标单击事件
选择第三个焦点矩形图，触发鼠标单击事件
选择动态面板【焦点】，双击焦点三进入
选择第一个焦点矩形图，触发鼠标单击事件
选择第二个焦点矩形图，触发鼠标单击事件
以上就是两种幻灯图片效果原型的全部内容了，你学会了吗？
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK