1. 程式人生 > >Axure RP Pro 6.5設定輪播圖

Axure RP Pro 6.5設定輪播圖

相信大家對Axure8設計輪播圖已經不陌生了,但使用Axure RP Pro6.5可能有點陌生。下面我將簡單介紹一下如何利用這個版本設定輪播圖。
在這裡插入圖片描述

首先新增一個動態面板,命名為圖片輪播。新增三個狀態,圖片一,圖片二,圖片三。
在每個狀態中新增一個圖片。
在這裡插入圖片描述

在分別新增兩個動態面板,一個叫做延時面板,一個叫做切換面板。每個面板有兩個狀態。
在這裡插入圖片描述
新增三個原點。分別命名為d1,d2,d3。
設定每個的點選用例
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

設定動態面板
接下來需要做的就是互動了。先點選圖片輪播:選擇動態面板狀態改變時,設定以下用例。
在這裡插入圖片描述
點選頁面互動,設定頁面載入時的用例。
在這裡插入圖片描述

設定延時面板
在這裡插入圖片描述
設定切換面板狀態。
在這裡插入圖片描述
設定兩個熱區,紅色部分為熱區。用於滑鼠移入時懸停。
在這裡插入圖片描述


在這裡插入圖片描述

這樣就設定好所有的用例了(所有的用例都可在用例編輯設定裡進行編輯)。就可以實現輪播效果了!