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