從傳統(tǒng)行業(yè)轉(zhuǎn)行產(chǎn)品已經(jīng)1個(gè)多月了,即興分享點(diǎn)工作期間的心得,最近畫(huà)原型比較多,自己也在邊工作邊學(xué)習(xí),這就分享一個(gè)axure輪播動(dòng)作的設(shè)置,各位大神有更好的辦法記得@我哦!
輪播動(dòng)作預(yù)覽:127.0.0.1:32767/start.html#p=圖片輪播&g=1
一、準(zhǔn)備工作
1建立一個(gè)Rp文件,并命名為圖片輪播。
2.拖拽一個(gè)圖片元件,雙擊導(dǎo)入任意一張圖片,將圖片尺寸設(shè)為合適尺寸,這里設(shè)置為375*270。
3.接下來(lái)右鍵單擊圖片,將圖片轉(zhuǎn)換為動(dòng)態(tài)面板,將面板位置設(shè)置成X100-Y100。
4.然后雙擊轉(zhuǎn)換為動(dòng)態(tài)面板的圖片,將動(dòng)態(tài)面板命名為輪播,并添加三個(gè)面板狀態(tài)命名
輪播1/2/3.
5、依次將剩余兩張圖片插入到輪播2、輪播3的面板狀態(tài)中,
6,在圖片輪播頁(yè)面添加三個(gè)橢圓形元件,并將其合并組合,將組合轉(zhuǎn)換為動(dòng)態(tài)面板命名為原點(diǎn)1,右鍵單擊復(fù)制狀態(tài)2個(gè),并將將其他兩個(gè)命名為原點(diǎn)2/3。
7,將原點(diǎn)1中的第一個(gè)原點(diǎn)顏色填充為紅色,其他兩個(gè)為白色,依次將原點(diǎn)2/3中的第二個(gè),第三個(gè)原點(diǎn)填充為紅色,
第二步:準(zhǔn)備工作結(jié)束,開(kāi)始設(shè)置動(dòng)作
1、回到圖片輪播頁(yè)面,單擊圖片元件,找到右側(cè)頁(yè)面交互中“載入時(shí)”動(dòng)作用例,并單擊添加用例1,在彈出對(duì)話框左側(cè)找到“設(shè)置動(dòng)作面板狀態(tài)”動(dòng)作,開(kāi)始設(shè)置動(dòng)作,依次選擇元件,選擇狀態(tài)為“NEXT”,勾選向后循環(huán),勾選循環(huán)間隔,并設(shè)置時(shí)間為2000毫秒,進(jìn)入/退出動(dòng)畫(huà)設(shè)置為向左滑動(dòng),時(shí)間設(shè)置為500毫秒,點(diǎn)擊確定。
2、同理,點(diǎn)擊頁(yè)面輪播中原點(diǎn),同上設(shè)置相應(yīng)動(dòng)作,此處有一點(diǎn)不同就是將原點(diǎn)的動(dòng)畫(huà)設(shè)置為“逐漸”,點(diǎn)擊確定即可,
3、接下來(lái)就開(kāi)始點(diǎn)擊預(yù)覽,欣賞襲擊的杰作吧。順便紀(jì)念一下火影終結(jié),哈哈!
4、輪播動(dòng)作預(yù)覽:127.0.0.1:32767/start.html#p=圖片輪播&g=1