ugui的进度条遮罩

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

要实现的效果如下:
在这里插入图片描述
注意到这个状态:
在这里插入图片描述
而不是这样:
在这里插入图片描述

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

而第一个做法,就有点不同了,它的做法是通过遮罩实现,具体如下:
节点的结构如下:
在这里插入图片描述
bg为黑色底图。
mask为遮罩:
其配置如下:
在这里插入图片描述

fore是蓝色图片:
在这里插入图片描述

此时程序控制的应该是mask的宽度即可。
在这里插入图片描述
也就是获取mask的RectTransform改变其width即可。

另外一种方式:https://blog.csdn.net/u013015161/article/details/46038989

猜你喜欢

转载自blog.csdn.net/wodownload2/article/details/85121392