注意：考虑到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，如果学习过程中遇到任何问题，也欢迎你评论私信找我。
赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！
