首先是效果展示:
另外圆环型冷却条效果也是大同小异,如有需要可以关注作者了解下一篇文章。这里就不赘述。。
注:写这篇文章主要是记录自己,同时也为有需要的朋友借鉴,如有不理解或者不足之处还请读者能够发消息指正。感谢,感谢。。。。。
下面为主要灰色圆形冷却效果介绍
实现这个功能关键是了解图片的填充方式,在按钮上添加一个image,名字为coolingimg,其图片是圆形颜色改为灰色,然后通过计时控制 image组件下的 Fill Amount参数来实现。
Hierarchy下按钮结构。reload是一个按钮,buttonimg为按钮图片,coolingimg为冷却填充图片。
reload按钮下coolingimg 的Inspector属性界面: