Axure8:如何制作應(yīng)用同時(shí)添加和刪除交互效果

1 評(píng)論 6434 瀏覽 9 收藏 3 分鐘

如何制作添加/刪除應(yīng)用時(shí)同時(shí)操作的效果,本文簡(jiǎn)單的介紹了一下,一起來看看~

APP首屏九宮格中如果“快捷應(yīng)用”入口超過一定數(shù)量時(shí),一般會(huì)采用更多頁來進(jìn)行篩選編輯,那如何制作添加/刪除應(yīng)用時(shí)同時(shí)操作的效果,下面我們來簡(jiǎn)單介紹下。

(1)先做一個(gè)應(yīng)用編輯頁面

(2)再拉兩個(gè)小的動(dòng)態(tài)面板,雙擊動(dòng)態(tài)面板,然后將需要?jiǎng)h除的應(yīng)用復(fù)制到動(dòng)態(tài)面板中;這兩個(gè)小的動(dòng)態(tài)面板名稱取名為“應(yīng)用刪除”和“應(yīng)用新增”。

(3)然后把兩個(gè)動(dòng)態(tài)面板放置指定的位置,如下:

(4)雙擊上面的動(dòng)態(tài)面板,打開編輯頁面(重點(diǎn))。

  • 第一步選中刪除按鈕;
  • 第二步雙擊右側(cè)鼠標(biāo)點(diǎn)擊時(shí);
  • 第三步點(diǎn)擊切換可見性;
  • 第四步選中剛才新增的兩個(gè)小動(dòng)態(tài)面板“應(yīng)用刪除”和“應(yīng)用新增”;還可以在下面的Animate Show選中逐漸,時(shí)間為1000毫秒,點(diǎn)擊確定。

(5)用同樣的方法將另一個(gè)動(dòng)態(tài)面板也這樣設(shè)置下。

(6)然后選中下面的小動(dòng)態(tài)面板,設(shè)置為隱藏模式。

(7)這樣應(yīng)用刪除和新增將會(huì)出現(xiàn)同時(shí)操作的效果,如下:

 

本文由 @yasir.chow 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看完一篇原型設(shè)計(jì)文章啦,感覺還是不太會(huì)?

    :mrgreen: 想從0基礎(chǔ)開始學(xué)習(xí)Axure么?推薦你找Axure實(shí)戰(zhàn)班的助教小可愛@CC-起點(diǎn)學(xué)院(微信:qidiancc520),回復(fù)關(guān)鍵詞:大禮包

    領(lǐng)取原型設(shè)計(jì)大禮包,多學(xué)多練,你也能成為原型設(shè)計(jì)高手哦!

    來自廣東 回復(fù)