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腳本。
