如何在Unity3D中实现圆角效果？

一、前言

有时候在Unity3D中，要实现一些组件的圆角效果，比如进度条，不像普通按钮是静态不动的，可以直接将图片做成圆角。但是进度条是有那种色块流动的效果，如果不做处理，里面的色块会溢出四个角落。

二、实现前提

1.须使用Image的UI元素。

2.父层Image元素须遮罩组件。

3.父层Image元素图片须有圆角png图。

三、操作过程

1.在场景中创建一个Image的UI元素，图片是黑色有圆角的png图片。

2.在该Image中添加Mask组件（遮罩）。

3.在该Image下添加一个新的Image元素，Source Image选择一个其他颜色图。

4.对子级Image的Transform进行上下拖动，填充住父的遮罩就可以看到子级的元素也有圆角。

四、写在后面

以上的操作都是在Unity3D 2020.3中实现，除了用遮罩的方式实现圆角效果外，还可以用Shader，在效果上还没有锯齿，弧度更丝滑。后面有时间我再更新，以及如何在Unity3D中实现无缝循环的帧动画效果。