一、效果圖

二、簡介

在做項目時需要用到多層下拉框，之前也研究過，但是都是用代碼來計算圖片的大小來寫出來的，又復雜又不方便，一直覺得Unity本來就應該有這個簡單的功能，可是自己就是找不到，前段時間又有這個需求，在看了一些大佬博客后就突然想到了這個方法，所以記錄一下。

三、具體實現方法

????（一）設置Hierarchy面板

????????1.首先設置一個背景圖片，同時掛載上ScrollRect組件，以及mask組件

????????????ScrollRect：滑動列表，里面的數值請自行查看官方文檔

????????????mask：遮蓋組件，給圖片掛載此組件，則不顯示此圖片子集以外的區(qū)域（可以自己試一下）

????????2.增加一個空物體為子類，掛載上圖片上的組件

????????Child Controls Size：width打鉤后子物體的框不可以自定義，只能與當前物體一樣框，高同理

????????Child Force Expand:選中這個子物體自動擴張

????????下面的Content Size Fitter,必須掛載，你可以不掛試一下

四、細節(jié)注意

（一）UI層級

因為上面的Vertical Layout Group 是按照順序來進行排序的 ，所以列表布局內的層級順序一定要搞清楚，這也算是一個小小的瑕疵吧。

（二）要想達到顯示和隱藏的效果必須使用Toggle來進行拖拽，Button好像只能設置一次，要是覺得toggler不好用，你也可以使用代碼來控制Button。

五、結束語

接下來你就可以按照這個方法多來幾層，達到這個效果，再次溫馨提示，多層也是全部使用的Toggler