首先创建一个Image，将技能Sprite放到Source Image：
在Image下边创建一个子Image，选择下图中的Knob，并修改透明度以及颜色：
将子Image的Image Type选择为Filled
Image Type：
Simple 默认，在控件区域内完全显示一张图片
Slice的 切片，九宫格应用，需要图片做过九宫格分裂，四角在图片拉伸时不会拉伸变形
Tlled 平铺，像铺地板一样填满整个控
Unity UGUI Image 实现技能冷却效果
最新推荐文章于 2026-03-08 00:22:15 发布
本文介绍了如何使用Unity的UGUI Image组件创建技能冷却效果。通过创建一个Image并设置其Source Image，然后添加一个子Image，将其类型设置为Filled，调整Fill Method为Radial 360，Fill Origin为Top。通过改变Fill Amount的值，并编写C#代码动态控制填充量，实现技能冷却的动画效果。最后，将脚本挂载到子Image并连接到This Image，完成技能冷却视觉效果的创建。
扫一扫
5347
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
