MasterGo 自動布局的一些基礎操作，可以滿足設計師們一些簡單的響應式效果。但是想要實現更復雜的整體界面自動響應的效果，還需要進一步掌握調整大小的組合技，嵌套容器大法等技巧，實現更高階的自動魔法。
首先，通過自動布局調整大小的設置，可以快速創建響應式設計，確保文本、按鈕和圖片都響應其組件的寬度或高度。設計師可以在寬高屬性的下方，分別設置水平和垂直的響應方式。
響應方式分為三種：適應內容，充滿容器，固定寬高。具體來看，自動布局容器的寬和高都可以設置為「適應」，當選擇「適應」時，容器會隨子圖層大小發生變化；當選擇「固定」時，可以固定自動布局容器的寬、高，也可以固定內部元素的寬、高；如果選擇「充滿」，那么當父級容器大小發生變化時，子圖層會充滿容器以適應它的變化。
由于每個自動布局容器只支持一個布局方向。如果設計師需要構建既有水平又有垂直方向的完整界面，可以將他們組合嵌套在一起。MasterGo 支持嵌套多個自動布局容器來創建響應式界面，從而創建出更加靈活的組件。
設計師可以輕松地編輯、添加、刪除內容，也可以對每一個自動布局的容器和子圖層設置調整大小的適應方式，從而讓它做出想要的響應效果。比如，下方的專屬歌單，歌曲列表中的每一行都是一個水平排列的自動布局，它們嵌套在一個垂直排列的自動布局容器內。
此外，在 MasterGo 自動布局面板中，有這樣的一個小開關，叫“分布式排列”，它可以控制自動布局容器內圖層之間的間距。當開啟“分布式排列”后，自動布局會自動計算圖層間的距離，使它們平均分布。用好這個功能，可以快速實現很多意想不到的設計效果。
MasterGo 目前支持 6 種分布式排列方式。水平布局狀態下，可以選擇上、中、下三種分布式排列方式，橫向拉伸和收縮容器時，元素間距自動跟隨調整。垂直布局狀態下，可以選擇左、中、右三種分布式排列方式，縱向拉動容器，平均分布的元素會跟隨容器尺寸變動調整間距。
但在某些場景下，設計師需要讓容器內的元素脫離自動布局約束的限制，移動到特定位置，那么 MasterGo 的絕對定位可以幫設計師很好地解決這個問題。以下圖中的小紅點為例，當選中紅點時，點擊屬性面板中的絕對定位開關，此時紅點可以自由地移動，這樣就可以把它移動到圖標的右上角了。
最后一個技巧就是，當設置的間距為負數時，子圖層之間會形成堆疊效果。但有時候堆疊的順序不是我們想要的效果，這時候設計師便可以在自動布局設置中改變堆疊的樣式，讓第一個元素在最上面或者讓最后一個元素在最上面。
以上就是 MasterGo 自動布局的一些進階技巧，可以助力設計師實現更復雜的整體界面自動響應的效果，設計師們可以多多嘗試和創造哦
