一、效果圖

二、簡介

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

三、具體實(shí)現(xiàn)方法

????（一）設(shè)置Hierarchy面板

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

????????????ScrollRect：滑動(dòng)列表，里面的數(shù)值請(qǐng)自行查看官方文檔

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

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

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

????????Child Force Expand:選中這個(gè)子物體自動(dòng)擴(kuò)張

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

四、細(xì)節(jié)注意

（一）UI層級(jí)

因?yàn)樯厦娴腣ertical Layout Group 是按照順序來進(jìn)行排序的 ，所以列表布局內(nèi)的層級(jí)順序一定要搞清楚，這也算是一個(gè)小小的瑕疵吧。

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

五、結(jié)束語

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