UGUI如果要實(shí)現(xiàn)如上圖的布局效果，很可惜，UGUI沒(méi)有自帶這個(gè)功能，UGUI的布局無(wú)非就是Horizontal Layout Group、Vertical Layout Group、Grid Layout Group三種布局。但是這三種布局都是很平凡的布局，沒(méi)有帶有這種特殊布局的。唯一和它相像的就是Grid Layout Group，但是Grid Layout Group要求它所有子對(duì)象都是定寬定高的。像這樣每個(gè)子對(duì)象寬高都不一樣就不好辦了。
不過(guò)可以通過(guò)FlowLayoutGroup這個(gè)插件來(lái)實(shí)現(xiàn)這個(gè)功能，這個(gè)也稱不上是插件，因?yàn)榫褪且粋€(gè)純?cè)创a的Component。先上這個(gè)Demo的源碼吧。
http://www.weibut.com/download/134
不知道為何下載下來(lái)沒(méi)有附帶腳本，發(fā)一個(gè)基于百度盤的鏈接：FlowLayoutGroup.unitypackage
用法很簡(jiǎn)單，就是和UGUI自帶的布局組件一樣的。
在Canvas下新建一個(gè)空物體，添加FlowLayoutGroup腳本，然后在這個(gè)物體下添加Image，并為Image掛上Horizontal Layout Group腳本
再往Image下添加一個(gè)Text組件，現(xiàn)在就可以輸入Text的文本，來(lái)改變Image的寬度實(shí)現(xiàn)瀑布流效果。
解釋為什么要在Image上添加Horizontal Layout Group腳本，是為了實(shí)現(xiàn)更具Text文字長(zhǎng)度來(lái)動(dòng)態(tài)改變Image的寬度。
如果有什么不懂的具體可以看源碼，源碼里面包括了FlowLayoutGroup腳本。
