如何用Axure RP制作圖片輪播
對于初學(xué)者,在使用Axure RP軟件制作原型網(wǎng)頁時,想要實(shí)現(xiàn)圖片輪播功能可能會感到困惑。不用擔(dān)心,小編為你介紹一種簡單的方法,快來看看吧! 步驟一:添加圖片部件 首先,從部件庫中拖拽圖片部件到面
對于初學(xué)者,在使用Axure RP軟件制作原型網(wǎng)頁時,想要實(shí)現(xiàn)圖片輪播功能可能會感到困惑。不用擔(dān)心,小編為你介紹一種簡單的方法,快來看看吧!
步驟一:添加圖片部件
首先,從部件庫中拖拽圖片部件到面板中。
步驟二:導(dǎo)入圖片
右擊圖片部件,選擇導(dǎo)入圖片。
步驟三:選擇圖片大小
在導(dǎo)入圖片后,會出現(xiàn)一個對話框,點(diǎn)擊“是”將以原始大小導(dǎo)入圖片,點(diǎn)擊“否”則圖片將與圖片部件框的大小相同。
步驟四:轉(zhuǎn)換為動態(tài)面板
再次右擊圖片部件,選擇“轉(zhuǎn)換為動態(tài)面板”。
步驟五:創(chuàng)建多個狀態(tài)
雙擊圖片部件,進(jìn)入動態(tài)面板狀態(tài)管理。在面板狀態(tài)中,復(fù)制狀態(tài)1并創(chuàng)建其他狀態(tài)(狀態(tài)2、狀態(tài)3...)。
步驟六:編輯狀態(tài)
雙擊每個狀態(tài),進(jìn)入編輯區(qū)域,可以通過雙擊圖片來更換不同的圖片。
步驟七:設(shè)置交互
回到原始面板,單擊圖片部件,在右側(cè)設(shè)置交互。首先為動態(tài)面板命名,然后雙擊“載入時”進(jìn)入用例編輯器。
步驟八:設(shè)置面板狀態(tài)
在用例編輯器的第二步中,選擇“設(shè)置面板狀態(tài)”。
步驟九:選擇面板和狀態(tài)
在用例編輯器的第四步中,選擇要設(shè)置的動態(tài)面板,并選擇要切換至的狀態(tài)(例如“Next”)。勾選下方的兩個子選項,然后設(shè)置“進(jìn)入時動畫”和“退出時動畫”,最后點(diǎn)擊“確定”。
完成圖片輪播
經(jīng)過以上步驟,我們成功完成了圖片輪播的制作?,F(xiàn)在你可以點(diǎn)擊“預(yù)覽”按鈕查看你的成果了。希望這篇文章能對你有所幫助!