<Unity3D UGUI>用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果

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


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

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

现在我打算告诉你


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

第一步:

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


第二步:

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

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


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



然后就



大功告成啦!


  • 3
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值