Axure:不用動態(tài)面板就能做好的手風(fēng)琴效果
初入行的產(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é)議
評論
跟著,學(xué)會了這個,謝謝!
一起進步!
*****而另外兩個矩形也按照這種方法,只是“2”切換可見性的變成了“2.”占位符。隱藏的變成了“1.”和“2.”
同理“3”切換可見性的變成了“3.”,隱藏“1.”和“2.”*****
//配置2的時候,隱藏的應(yīng)該是1.和3.吧 ??
是的呢,看的好仔細,我以后會多檢查的 ?