問題描述
界面開發(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?即可。