用UGUI方式实现图片的遮罩，圆角图片，圆形图片效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jjjjjj123321/article/details/54096990

实现图片的圆角效果，圆形图片效果，是一个很常见的功能，如下

很多人会使用shader来做，但是太麻烦了，网上关于UGUI实现这种效果的方法我也一直没有找到

我这里知道一个很简单的方法，不用写一行代码

现在我打算告诉你

原理，就是通过Mask遮罩来实现

第一步：

建立如下目录结构，Avatar是需要处理的图片，如头像等

第二步：

给Mask添加俩个控件，Image和Mask

ImageSource里面放入图形图片，比如要圆形效果，就随便放入一个圆形的图片，找美工要要或者自己做都很容易，比如圆角的如下

Mask 的Show Mask Graphic 不要选，这样你加入的图片就不会显示出来了，只会显示出他的形状

然后就

大功告成啦！