注意：考慮到UGUI的內容比較多，我將UGUI的內容分開，并全部整合放在【unity游戲開發——UGUI】專欄里，感興趣的小伙伴可以前往逐一查看學習。
文章目錄
- 前言
- 如何實現UI遮罩
- 1、Mask組件
- 2、實例
- 3、注意
- 專欄推薦
- 完結
前言
Mask遮罩是一種在不改變圖片的情況下，讓圖片在游戲中只顯示其中的一部分的組件。實際上，ScrollView滾動視圖中的ViewPort就包含遮罩組件，這導致在滾動視圖中只有在可見范圍內才能看到組件。
這其實和之前介紹的SpriteMask精靈遮罩組件非常類似：【零基礎入門unity游戲開發——2D篇】SpriteMask精靈遮罩組件，只不過這里Mask遮罩是用在UGUI上的。
如何實現UI遮罩
1、Mask組件
遮罩的關鍵組件是Mask組件，通過在父對象上添加Mask組件即可遮罩其子對象。
注意：
- 想要被遮罩的Image需要勾選Maskable。
- 只要父對象添加了Mask組件，那么所有的UI子對象都會被遮罩。
- 遮罩父對象圖片的制作，不透明的地方顯示，透明的地方被遮罩。
2、實例
給紅色圓形父對象添加Mask組件，它就變成了遮罩。
白色正方形子對象被紅色圓形父對象遮罩了一部分。
只有在紅色父對象不透明的地方白色正方形才能顯示，紅色父對象透明的地方白色正方形不能顯示。紅色圓只有四個角是不透明的，所以在四個角白色正方形會被遮罩。
3、注意
- 注意UI要勾選Maskable，否則遮罩失效。
- 子對象的子對象也能被遮罩
- Mask上的參數可以選擇遮罩圖形是否顯示
專欄推薦
| 地址 |
|---|
| 【unity游戲開發入門到精通——C#篇】 |
| 【unity游戲開發入門到精通——unity通用篇】 |
| 【unity游戲開發入門到精通——unity3D篇】 |
| 【unity游戲開發入門到精通——unity2D篇】 |
| 【unity實戰】 |
| 【制作100個Unity游戲】 |
| 【推薦100個unity插件】 |
| 【實現100個unity特效】 |
| 【unity框架/工具集開發】 |
| 【unity游戲開發——模型篇】 |
| 【unity游戲開發——InputSystem】 |
| 【unity游戲開發——Animator動畫】 |
| 【unity游戲開發——UGUI】 |
| 【unity游戲開發——聯網篇】 |
| 【unity游戲開發——優化篇】 |
| 【unity游戲開發——shader篇】 |
完結
好了，我是向宇，博客地址：https://xiangyu.blog.csdn.net，如果學習過程中遇到任何問題，也歡迎你評論私信找我。
贈人玫瑰，手有余香！如果文章內容對你有所幫助，請不要吝嗇你的點贊評論和關注，你的每一次支持都是我不斷創作的最大動力。當然如果你發現了文章中存在錯誤或者有更好的解決方法，也歡迎評論私信告訴我哦！
