從傳統(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ì)話(huà)框左側(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