Unity UGUI 解決多級布局混亂問題

問題描述

界面開發(fā)中,常常會有需要多級連續(xù)使用布局三劍客(HorizontalLayoutGroup、VerticalLayoutGroup?和GridLayoutGroup)的需求。同時,最底層的布局往往需要它可以是動態(tài)改變的,所以一般不使用LayoutElement?控件去控制葉子級的大小。

當嘗試多級連續(xù)使用布局三劍客時,會發(fā)現(xiàn)當葉子級布局變化(如大小發(fā)生變化或者數(shù)量發(fā)生變化)時,祖級的布局排布會發(fā)生錯亂,常常表現(xiàn)為疊加覆蓋和不合理的間隔。

問題原因

*理解原因前建議先看這篇詳解

解決方案

1.最子級布局控件上的ControlChildSize?不要勾選,因為通常葉子級需要使用自身大?。ㄒ簿褪峭ㄟ^RectTransform)來控制大小和布局,有時候甚至是動態(tài)改變的。

2.其他層級布局控件上的ControlChildSize?需要勾選,這樣可以確保每一級將自身的Min?布局屬性正確地向上傳遞。

3.所有層級的布局控件上添加ContentSizeFitter,然后將對應(yīng)軸向上的xxxFit?設(shè)置為MinSize?或者PreferredSize,這樣每層的ContentSizeFitter?會先于三劍客控件而自適應(yīng)好大小,接著三劍客就可以以剛剛好的長度去排布子級。

4.當然你也可以自己寫一個xxxSizeFitterLayoutGroup,只需確保在排布子級之前完成自身大小的調(diào)整,注意繼承ILayoutSelfController?以確保先于其他布局組件完成自身大小調(diào)整的任務(wù)。

5.以上方案適用于緊湊型布局的需求。對于需要在某一層級上附加冗余空間的需求(例如一組變長列表),在保留上述操作的同時,在需要附加冗余空間的層級上,使用LayoutElement?替換掉ContentSizeFitter,然后設(shè)置好相應(yīng)軸向上Min?屬性設(shè)置和Preferred?屬性設(shè)置,注意將LayoutPriority?設(shè)置為大于1的數(shù)值,這樣可以覆蓋掉該層級上三劍客計算的數(shù)值,然后從該層級向上,每個層級上的ContentSizeFitter?的xxFit?改成Preferred Size?即可。

源碼

可以查看這里找到你需要的控件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容