今天小編為大家介紹一個MasterGo全新上線的強大功能——組件屬性。
組件屬性是基于原有組件的已有能力，添加一個暴露到最外層的自定義功能。它有三點好處：首先，它可以減少組件的數量，從而便于快速查找和管理;其次，你可以更直觀地判斷，當前組件有哪些地方能被你自定義，從而提升實例修改的效率;最后，組件屬性功能直接沿用了開發邏輯，所以對接開發時可以降低溝通成本。
組件屬性按功能可以劃分為3種：顯示狀態屬性、文本內容屬性和實例切換屬性。
首先，“顯示狀態屬性”可以自定義某個圖層的顯示或隱藏。我們用一個【關注】按鈕組件舉例，選中圖標后，點擊右側圖層版塊中的「關聯組件屬性」按鈕，就會出現一個彈窗。我們在屬性名稱中寫上【顯示圖標】，就完成了對這個屬性的描述，默認值就是定義默認的屬性選擇。點擊創建屬性后，我們會發現，右側多出來組件屬性的版塊。然后拷貝出實例，右側的實例版塊就會多出一個默認關閉的開關，這時我們在最外層就可以隨時切換圖標的顯示和隱藏。
“文本內容屬性”可以用來自定義文本圖層的內容，具體添加步驟和“顯示狀態屬性”一樣。我們先選中按鈕組件中的文本圖層，然后在右側文本內容版塊中，點擊「關聯組件屬性」按鈕。創建屬性后，我們拷貝出實例，就可以在右側版塊的輸入框中任意修改文本了。
“實例切換屬性”的作用就是快速替換組件的嵌套實例。比如這個【按鈕】組件，已經嵌套了一個圖標實例。我們想給組件加一個能快捷切換圖標的功能。那就可以先選中內部的圖標實例，然后在右側實例面板中，點擊「關聯組件屬性」按鈕。創建屬性后，右側就會顯示實例切換屬性版塊。我們拷貝出實例，就可以在最外層把圖標快速替換成我們想要的圖標。現在，我們可以把組件屬性添加到任何組件集中了。
但有時候組件屬性更方便，有時候組件狀態更好用。那我們該如何靈活使用組件屬性和組件狀態呢?
首先，組件屬性適用于這兩類情況：當組件或組件集中有圖層需要切換可見性，比如 "有圖標" 和 "無圖標";以及組件中需要自定義文本內容或者嵌套實例時。組件狀態則適用于這兩類情況：組件的主題需要變化，比如尺寸、顏色;和組件具備不同的交互狀態。
以上就是小編分享的關于MasterGo組件屬性的全部內容，感興趣的設計師們都可以在MasterGo中試一下。未來，MasterGo 團隊還會不斷優化產品功能，給設計師提供更流暢、優質的設計體驗。
