axure實現搜索條件的收起/展開

效果如圖:


步驟:

1、先擺放好基本元件,包括條件1,條件2的輸入框;

2、設置動態面板“按鈕”,狀態分別爲展開/收起,並在相應狀態下設置按鈕的形狀和文字,並設置動態面板載入時,設置“按鈕”狀態爲“展開”。

3、設置動態面板“更多條件”,只有一個狀態,顯示爲更多的查詢條件。

4、設置“按鈕-展開”onclck操作,顯示“更多條件”,推動元件。相似地,設置“收起”操作,隱藏“更多條件”,推動元件。


5、設置隱藏“更多條件”,“按鈕”狀態爲“展開”,顯示“更多按鈕”時,狀態爲“收起”。

6.預覽即可
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章