打開axure軟體,拖入一個動態面板的元件,并設定動態面板的狀態有三個,如下圖:

然后進入每個state中,拖入矩形框元件(可以使用圖片)
在state1中,設定矩形框的顏色為紅色

在state2中,設定矩形框的顏色為綠色

在state3中,設定矩形框的顏色為黃色

再回到主頁面中,選中動態面板,在載入時,選擇 設定面板狀態,設定狀態為下一個,并且勾選向后回圈、回圈間隔設定為1000毫秒,即可完成輪播的效果,

接下來設定小圓點,且小圓點會跟隨主圖的發生變化,這里我們設定小圓點選中為紫色,
我們首先在主界面上,放置3個小圓點,并選中這3個小圓點,設定組名稱為123


點擊右邊的選中按鈕,設定選中后的狀態:

同時勾選選中

在互動設計時添加滑鼠單擊的效果,設定兩個內容,第一個是選中動態面板的state1,第二個是選中動態面板,并選中下一個(表示繼續回圈)

按上面的步驟依次設定第二個小圓點和第三個小圓點,
最后我們選中動態面板,設定狀態改變時的互動:

單擊添加條件,選中state1

在選中小圓點1,并設定狀態為true

同樣的操作,當為state2時選中小圓點2,當為state3時選中小圓點3,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/247667.html
標籤:其他
上一篇:gulp自動化構建工具
