Unity中VerticalLayout組件實驗報告

Vertical Layout Group這個組件里面有三個/六個屬性,在平時使用的時候總是會無法預(yù)測其行為,文檔上說的也并不清楚,所以打算自己親身仔細實驗一下,然后總結(jié)一個報告出來,方便自己以后查閱,同時方便看到這篇文章的人們。


官方文檔都解釋不全面的腦殘三屬性

Vertical Layout Group 屬于AutoLayout,而AutoLayout的簡要說明如下:

The auto layout system provides ways to place elements in nested layout groups such as horizontal groups, vertical groups, or grids. It also allows elements to automatically be sized according to the contained content.
重點是最后一句話:允許Elements自動的根據(jù)它的容器設(shè)置尺寸。

這就有點兒類似CSS中的flex了。但是不幸的是,事實上在我的開發(fā)過程中,自動設(shè)置尺寸什么的簡直是癡人說夢。

  1. 現(xiàn)在有一個Content對象,還有一個Panel對象。
  2. Content身上掛在了VerticalLayoutGroup組件。
  3. Panel的width和height都設(shè)置為100.
image.png

Control Child Size

這兩個選項勾上以后,Panel的高度和寬度將會消失,但是沒有規(guī)律,有時候?qū)挾茸兂?0,有時候?qū)挾茸兂?,但是每次panel的高度都會變成0.
官方文檔的說明只有一句話:Control Child Size用于設(shè)置是否可以控制它child的寬高。
但是在我看來,這個選項只會讓事情變得更復(fù)雜。
如果選中checkbox然后再取消,會發(fā)現(xiàn)panle依舊不可見,是因為此時panel已經(jīng)被縮小到看不見了,需要重新給penel設(shè)置寬高,也就是說這個選項只會讓子元素變小,并不能讓它恢復(fù)

結(jié)論:完全摸不到頭腦,不建議使用。

Child Force Expand

這個屬性勾選上或者不勾選,對子元素沒有任何影響。
官方文檔說的是:是否強制子元素填滿剩下的空間。但實際上根本不管用。

Use Child Scale

這個屬性官方文檔壓根就沒提。
我將panel的寬度scale設(shè)置為2(不是width是scale),也就是說寬度變成200了。 然后選上這個,依舊,什么反應(yīng)也沒有。

結(jié)論 這三個呆比屬性看來是配合其他屬性使用的。自己用完全沒雞巴卵用。并且我嘗試了給Panel增加LayoutElement組件,然后依然沒JB卵用。也就是意味著。VerticalLayout這種東西必須要派和ContentFitter一起使用才行。

?著作權(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)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,825評論 1 45
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,577評論 0 5
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,955評論 0 0
  • 參與人:李飛、宋揚、陳珂、蔡永強、李維民、趙嘉良、林耀東、林耀華、林宗輝、陳光榮、馬云波、馬雯、陳市長等。(其他人...
    拾荒de少女閱讀 1,078評論 0 0
  • 1、在車上 從北京到上海距離大概有一千多公里,有京滬高速、京滬高鐵、飛機等好多種交通方式可以選擇,我選擇了我認為最...
    安得廣廈閱讀 190評論 0 0

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