Axure:不用動態(tài)面板就能做好的手風(fēng)琴效果

6 評論 7798 瀏覽 12 收藏 4 分鐘

初入行的產(chǎn)品新人,想向大家分享一個做手風(fēng)琴的簡單辦法。

第一步:在Axure里創(chuàng)建三個矩形,一個圖片,一個占位符和一個列表框(可根據(jù)實際情況替換)。

第二步,給這六個不見取名,在這里,我給三個矩形按照上下的順序取名為“1”“2”“3”。

給圖片取名為“1.”,給占位符取名為“2.”,給列表框取名為“3.”。

并按照一定的順序排列,如果排列順序不對,演示的時候會有遮擋。

第三步,隱藏圖片、占位符和列表框。

第四步,選中“1”矩形,在鼠標單擊時,對“1.”圖片,切換可見性,并推動拉動元件,方向默認選擇下方,無動畫即可。

第五步,還是在上個鼠標單擊動作里,選擇隱藏“2.”“3.”,選擇拉動元件,方向為下方。

而另外兩個矩形也按照這種方法,只是“2”切換可見性的變成了“2.”占位符。隱藏的變成了“1.”和“2.”

同理“3”切換可見性的變成了“3.”,隱藏“1.”和“2.”

然后將“1.”“2.”“3.”全部隱藏,并調(diào)整到合適位置,(就是將“1.”的頂部和“1”貼合,另外兩個也這么做)如下圖

點擊預(yù)覽,就能有以下效果了:

希望可以幫助到大家,掌握這個手風(fēng)琴的簡單制作方法,也不需要用到動態(tài)面板,共同進步~

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 跟著,學(xué)會了這個,謝謝!

    來自浙江 回復(fù)
    1. 一起進步!

      來自浙江 回復(fù)
  2. *****而另外兩個矩形也按照這種方法,只是“2”切換可見性的變成了“2.”占位符。隱藏的變成了“1.”和“2.”

    同理“3”切換可見性的變成了“3.”,隱藏“1.”和“2.”*****

    //配置2的時候,隱藏的應(yīng)該是1.和3.吧 ??

    來自浙江 回復(fù)
    1. 是的呢,看的好仔細,我以后會多檢查的 ?

      來自浙江 回復(fù)