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