【Unity&NGUI】圆环血条制作&以及多层圆环血条的实现

部分内容可以参考下面的文章

 

【Unity&NGUI】PS裁剪UI把部分图片留着透明的部分&新建图集&调整NGUI的Sprite大小

 

 

把黑色圆环的颜色填充，然后得到灰色，深绿色圆环

使用PS，选择---色彩范围---取样颜色，取样圆环外的颜色，确定，按Delet，就得到  透明 颜色的圆环，保存即可

NGUI---Open---Atlas Maker，打开了Atlas Maker，直接在最下面的红色方框内依次选择，点击Atlas Maker的 Add/Update 即可 把图片添加到NGUI图集中

这些圆环 精灵，都要选择 相同的 设置，Flip 的Both，当然根据自身情况设置，设置相同

把上面的UI,选择 Type 为Filled ,改变Fill Amount 的值和Fill Dir ，就可以实现圆形血条

给黑色 圆环添加 NGUI ---Attach --- Slider Script，背景为黑色圆环精灵，前景为 灰色圆环

 

如果要实现一个 多层 圆环血条实现，怎么做

绿色圆环，灰色圆环，黑色圆环的NGUI Depth 依次为3，2，1

就可以实现类似CSGO里面的  经验条增长的UI 效果了

绿色圆环，灰色圆环，黑色圆环的设置如下所示

 

相关文章：

1. 

[Unity][UGUI][Animation]圆环进度条读条特效设置制作

 

2.[Unity][特效][UGUI]HUD围绕角色头顶的血条特效逐渐减血逐渐加血

3.