要实现的效果如下:
ugui的进度条遮罩
注意到这个状态:
ugui的进度条遮罩
而不是这样:
ugui的进度条遮罩

第二个做法就很好做了,直接改变蓝色图片的宽度即可。

而第一个做法,就有点不同了,它的做法是通过遮罩实现,具体如下:
节点的结构如下:
ugui的进度条遮罩
bg为黑色底图。
mask为遮罩:
其配置如下:
ugui的进度条遮罩

fore是蓝色图片:
ugui的进度条遮罩

此时程序控制的应该是mask的宽度即可。
ugui的进度条遮罩
也就是获取mask的RectTransform改变其width即可。

相关文章: