这阵子项目中需要用到一种特殊样式的血条。描述如下:
1. 正常颜色为红色。受到伤害后,即将扣除的血量变暗(暗红色),并有下降动画效果;
2. 加护盾效果后,增加一部分血量值,该额外部分为白色,护盾效果消失后该部分血量瞬间消失;
3. 在护盾效果下受到伤害时,首先扣除白色血量。白色血量不足扣除时,余下部分从红色血量中扣除;
4. 白色血量的扣除效果为变为灰色并有下降动画效果;
4. 当加护盾效果时,若即将添加的白色血量将使总血条“溢出”,从新计算百分比并排满血条;
5. 中毒时,将相应的血量(按照伤害扣血优先级,即先扣除护盾,再扣除正常)变为紫色。该紫色血量有递减动画;
6. 中毒时若受到伤害,不扣除紫色部分血量(实际上该部分已扣除,但有个缓冲时间),而是红色或白色部分;
7. 若中毒时受到护盾效果?
制作普通血条时,我们一般会用UISlider。
但是这里涉及到护盾和中毒的效果,用UISlider显然是不够的。我首先想到的是用多个血条叠加在一起,分辨为正常血条、中毒血条、护盾血条。但是掉血效果要怎么解决?
如果只是有下降动画,那很好解决,可是会先变暗,这显然是一个slider做不到的。
于是我灵机一动想到了:一个血条,多个UISlider!我们可以写一个自定义血条,该血条包含正常血量、中毒值、护盾值,以及相应的状态属性。
经过实践,果然我的想法是对的。先来看下效果图:
时间: 2024-10-03 22:40:07