關注技術和資源分享。問題或建議，請公眾號留言。
前面有文章寫了一篇關于的文章，今天看到有人在問那種浮動伸縮的菜單能不能做？不用問！你問了就肯定能做！
演示效果
知識點
在這個實例中，主要用到了頁面數據、條件式容器、條件行為、重計算條件，通過對頁面數據賦不同的值，來使用條件式容器展示不同的菜單內容。在這個示例中，我們將頁面數據設為0時，收縮菜單；將頁面數據設為1時，展開菜單。
什么是頁面數據
沒有初始值，緩存在本頁面的數據。通常為頁面內數據的中轉站，也可作為行為中輸出/輸入的數據參數。在使用頁面數據之前，需要先在頁面上添加頁面數據，給頁面數據命名以及確定需要保存的內容的數據類型（此時的頁面數據只能保存一個數據）。
什么是條件式容器
這里沒有官方說明，可以把其看做是一種判斷容器，根據不同的條件值，顯示不同的內容。
什么是條件行為
這里也沒有官方說明，以為是條件，其實功能和條件是容器類似。
什么是重計算條件
觸發該行為后，會重新計算相關數據以匹配所選條件式容器的狀況。可以理解為小程序表單實例，我去買東西口袋里只有1塊錢，本來想買一個西瓜的，發現西瓜2塊，買不起；這時我表妹來了，給了我5塊錢，我算了一下我兜里的錢，可以買西瓜了。這算兜里錢的過程，就可以看做是重計算條件。
制作過程
首先，我們在頁面中創建一個叫“”的頁面數據，類型設置為“整數”
然后我們在頁面中創建一個條件是容器，設置2個狀態：收縮和展開，在收縮的子容器中不要添加任何內容，在展開的子容器中添加2個按鈕。
在收縮的子容器中，添加頁面數據=0的條件判斷；同理在展開的子容器中，添加頁面數據=1的條件判斷
這里將收縮時的條件，設置為頁面數據=0；展開時的條件，設置為頁面數據=1；這里的設置和上面條件式容器的條件設置一樣。
不同點在于，收縮時條件行為下添加的動作是將“設置頁面數據=1”；展開時條件行為下添加的動作是將“設置頁面數據=0”；這里設置的作用是，當點擊按鈕時，如果菜單是收縮狀態，就將其展開；如果菜單是展開狀態，就將其收縮。
最后一步驟，在每個“設置頁面數據”后面，都增加個“重計算條件”的行為，為了就是刷新一下菜單的顯示。
大功告成小程序表單實例，保存預覽一下吧。
喜歡此內容的人還喜歡
走過路過的，麻煩幫我點個贊，點個在看，謝謝各位大佬！