今天小編來跟大家聊一聊MasterGo中非常容易混淆，但也很重要的兩個概念——「容器」和「組」。
首先，我們來看一下它們的定義。從概念上來說，「容器」相當(dāng)于前端代碼的div標(biāo)簽，你可以理解成一個，可以不斷嵌套的盒子，既可以包裹設(shè)計元素，也可以一層一層地往下嵌套。容器的作圖邏輯，是構(gòu)建一個可以靈活響應(yīng)的布局。
「組」是任何一款作圖軟件中通用的功能，簡單說，就是將若干個圖層打包到一起。組的作圖邏輯，是若干個元素的機(jī)械堆砌。「組」唯一的作用，就是打包編組。在MasterGo中，通過快捷鍵Cmd+G就可以完成，Cmd+Shift+G就是解組。
「容器」的作用就比組要多得多，比如“畫板作用”，它等同于sketch的畫板，可以用來收納畫面中所有的設(shè)計元素，也有“編組作用”，看似和組的功能類似，都可以收納，但容器可以嵌套，這也就意味著，界面中的元素在完成布局的同時，可以實現(xiàn)更有秩序的父子級關(guān)系，其次，容器可以直接裁剪，不用再去手動做蒙版，可以省下不少時間;還有“形狀作用”，簡單說，容器可以像普通的矩形圖層那樣，自由定義你想要的尺寸和樣式，樣式包括圓角、填充、描邊、特效等等。
所以，相比平平無奇的組，容器的優(yōu)勢是碾壓級的。絕大多數(shù)情況，我們都推薦你用「容器」;除非一些結(jié)構(gòu)邏輯性很弱的設(shè)計，比如插畫設(shè)計，可以使用「組」。
接下來，我們通過一些案例具體了解一下。
首先是結(jié)合布局網(wǎng)格。布局網(wǎng)格功能可以幫我們的設(shè)計在不同設(shè)備上保持體驗的連續(xù)性。比如網(wǎng)頁，我們可以先選中容器，然后在右側(cè)布局網(wǎng)格點擊“+”創(chuàng)建網(wǎng)格，然后點擊左側(cè)圖標(biāo)，切換成柵格列。設(shè)置好對應(yīng)的屬性后，我們加入三個分別占據(jù)兩列列寬的容器作為卡片，并將他們的約束更改為綁定四周。然后，我們改變?nèi)萜鞯膶挾?，就會發(fā)現(xiàn)，這些卡片跟隨發(fā)生了動態(tài)響應(yīng)變化。
其次是結(jié)合約束功能。約束，形象地說就是用一根繩子，將子級元素綁定到父級容器的邊緣。比如我們在頁面中選中左側(cè)元素，在約束面板中點中激活左上側(cè)的繩子，選中右側(cè)元素，激活右上側(cè)的繩子，然后我們隨意拖拽頁面的寬度，就會發(fā)現(xiàn)兩個元素像我們想象得那樣，各自穩(wěn)居頁面的兩側(cè)，很好地實現(xiàn)了響應(yīng)。
需要注意的是，MasterGo中雖然提供蒙版功能，但并不建議通過蒙版進(jìn)行裁切，因為步驟繁瑣，而且蒙版圖層結(jié)構(gòu)復(fù)雜，會讓設(shè)計結(jié)構(gòu)變得不清晰。所以，我們就可以通過使用容器快速裁剪。比如我們想對容器內(nèi)的這個元素做裁剪，只需要選中容器，然后點擊右側(cè)的「超出裁剪」按鈕，就可以一鍵裁剪。
此外，組件是一種特殊的容器，如果你把一個設(shè)計對象轉(zhuǎn)為組件，它會自動變?yōu)橐粋€容器。所以，組件本身也擁有了容器的那些作用。
最后，再跟大家分享一些「容器」的使用技巧。比如在更改容器尺寸時，容器內(nèi)子級元素會因為約束規(guī)則，跟隨容器發(fā)生變動，這時候只需要按住Cmd，就可以不讓子級元素跟隨變動。如果想讓容器尺寸貼合子級元素，可以點擊右側(cè)的自適應(yīng)內(nèi)容按鈕，或者通過快捷鍵Option+R，就可以讓容器的尺寸貼合子級元素。又或者在使用常規(guī)方法調(diào)整容器的大小時，文字、內(nèi)部圖形等元素不會跟隨縮放。這時候，可以按下K，進(jìn)入等比縮放模式，就可以快速得對容器進(jìn)行等比縮放了。
我們知道，容器具有自動吸附屬性，在我們拖拽一個元素進(jìn)入容器后，元素會被自動吸附進(jìn)去，變?yōu)檫@個容器的子級圖層。如果不想被吸附，可以在拖拽的同時按下空格鍵。
另外，在MasterGo設(shè)計稿中，如果有編輯權(quán)限，直接按下Cmd鍵即可穿透選中任何子級元素，沒有編輯權(quán)限時，會默認(rèn)穿透選中子級元素，使用Cmd鍵則是忽略穿透效果。如果想要同時選中下一層的所有子級元素，可以直接按下Enter鍵，按Shift+Enter則可以選中上一層的父級元素。
以上就是小編對MasterGo「容器」和「組」的區(qū)別的分享啦，希望可以幫到大家。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實內(nèi)容時，應(yīng)及時向本網(wǎng)站提出書面權(quán)利通知或不實情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）
