NGUI 血条制作步骤
实现过程:
模拟血条的变化当点击按钮Button是血条会实时发生变化。
1.向Unity中导入NGUI2.6.3.unitypackage
点击create your ui 后
在panel中添加Button和Slider,结果如下:
此处的value是给Slider添加的子控件Label为了在血条上显示血量的当前值。
value的设置如下
在Button上添加脚本UIButton Message设置如下
Event: Button click->slider receive->call funcation(buttonclick)
GetMeaage.cs
using UnityEngine;
using System.Collections;
public class GetMessage : MonoBehaviour
{
public UILabel value_lab;//为了在血条上显示100/100的变化值
//点击按钮 函数
void buttonclick()
{
//float x=0.0f;
Transform fg = transform.GetChild(1).transform;
Vector3 fg_scale = fg.localScale;
if(fg.localScale.x>0)
{
fg_scale.x = fg_scale.x - 20;
fg.localScale = fg_scale;
value_lab.color=Color.green;
value_lab.text=fg.localScale.x/2+ "/100"; //fg.localScale.x/2是因为我给背景与前景的长度为200此处为了与100一致
}
else
{
value_lab.text="Over";
}
//Debug.Log(gameObject.name + " : Button clicked!");
}
}
在Slider上添加脚本GetMessage
最后实现效果:
点击Button