笔记19 UGUI

Canvas

添加、渲染组件、接收射线组件

缩放组件（懒人必会法、完美自适应：锚点、UI中心）

Text（富文本、描边、阴影）

Image

图片形式、图片展开方式（可做进度条、血条）

血条的制作

立即减血

using UnityEngine.UI;

//UI相关的，都要先写好名称空间using UnityEngine.UI;
public class HPBar : MonoBehaviour {
    //给区间。使得unity里面由原本的天数值，变成了滑块
    [Range(0,1)]
    //让外界设置一个血量的百分比
    public float HpValue = 1;
    //拿到修改的Image。FillImage填充的Image。
    public Image FillImage;
    //写完后，在unity里，把填充的Image拖到右侧C#组件里

    void Start () {
		
	}
	
	void Update () {
        //正常等于HpValue。此处由于是不规则血槽，0.75即为满血。
        //HpValue表示从0到1，所以此处还需要 * 0.75f
        FillImage.fillAmount = HpValue * 0.75f;
	}
	
    //给外界一个刷新血量的方法。最小血量、最大血量
    public void RefreshHp(float minHp, float maxHp)
    {
        //显示的百分比 = 最小血量 /最大血量
        HpValue = minHp / maxHp;
    }
} 

滑动减血

using UnityEngine.UI;

//UI相关的，都要先写好名称空间using UnityEngine.UI;
public class HPBar : MonoBehaviour {
    //给区间。使得unity里面由原本的天数值，变成了滑块
    [Range(0,1)]
    //让外界设置一个血量的百分比
    public float HpValue = 1;
    //拿到修改的Image。FillImage填充的Image。
    public Image FillImage;
    //写完后，在unity里，把填充的Image拖到右侧C#组件里

    //做滑动减血。
    //生成一个值
    public float value;

    void Start () {
        //首先它俩值一样（第一时间是满血的），这样就不会做差值
        value = HpValue;
	}
	
	// Update is called once per frame
	void Update () {
        /*Value的值，利用插值来计算。(现在的值value,应该达到的值HpValue，
        时间1 * Time.deltaTime即血条移动速度)*/
        value = Mathf.Lerp(value, HpValue, 1 * Time.deltaTime);

        //正常等于HpValue。此处由于是不规则血槽，0.75即为满血。
        //HpValue表示从0到1，所以此处还需要 * 0.75f
        //此处，用Value替换HpValue
        FillImage.fillAmount = Value * 0.75f;
	}

    //给外界一个刷新血量的方法。最小血量、最大血量
    public void RefreshHp(float minHp, float maxHp)
    {
        //显示的百分比 = 最小血量 /最大血量
        HpValue = minHp / maxHp;
    }
}

Raw Image（普通纹理、偏移与压缩）

button

颜色、精灵切换，按钮事件，制作技能按钮

制作技能按钮的代码

 using UnityEngine.UI;

public class ButtonTest : MonoBehaviour {
    //给外界开放一个窗口，CD需要多长时间
    public float CD = 2f;
    //添加名称空间后，拿到上面填充是图片
    private Image FillImage;
    //计时器。到达CD的时间就可以从头来了
    private float timer = 0;

    void Start () {
        //在这里拿到它的子物体的组件
        FillImage = transform.GetChild(0).GetComponent<Image>();
        //为了不用在unity里做关联，拖上脚本就可以使用。那么就要动态给按钮添加事件
        //首先得到这个按钮组件，之后得到onClick，接着加一个监听（监听方法的名称）
        GetComponent<Button>().onClick.AddListener(buttonClick);
	}
	
	void Update () {
		if (timer >= 0)
        {
            //图片转动的百分比等于它自身减去每一帧它会走的百分比
            //此处减上2秒才会结束
            FillImage.fillAmount -= 1/CD * Time.deltaTime;
        }
	}

    //需要一个button事件。就是当点了这个按钮之后，就会调这个事件
    void buttonClick()
    {
        //全黑
        FillImage.fillAmount = 1;
        //timer等于2
        timer = CD;
    }
}

控件之间的导航

Toggle

    public void ToggleChanged(bool b)
    {
        Debug.Log(b);
    }
    //写完，到unity里面关联

Slider滑动条、进度条

Scrollbar滑动条

Dropdown下拉框(修改模板）

InputField输入框

Panel(其实就是一个半透明的灰色的Image)

Scroll View滑动视图

图集

事件

这些控件的所有事件，都是通过unity封装好的几个接口来实现的。
例如：帮Image实现点击的接口，那么它也会变成button。

先写明名称空间，这个名称空间下面有很多事件

 using UnityEngine.EventSystems;

鼠标接口（5个）：鼠标移进来，鼠标移出去。点击鼠标，松开鼠标。点击。

public class EventTest : MonoBehaviour, IPointerEnterHandler,
IPointerExitHandler, IPointerDownHandler,IPointerUpHandler,IPointerClickHandler,
{
    public void OnPointerClick(PointerEventData eventData)
    {
        Debug.Log("Click");
    }

    public void OnPointerDown(PointerEventData eventData)
    {
        Debug.Log("Down");
    }

    public void OnPointerEnter(PointerEventData eventData)
    {
        Debug.Log("Enter");
    }

    public void OnPointerExit(PointerEventData eventData)
    {
        Debug.Log("Exit");
    }

    public void OnPointerUp(PointerEventData eventData)
    {
        Debug.Log("Up");
    }
} 

public class EventTest : MonoBehaviour, IBeginDragHandler,
IDragHandler,IEndDragHandler   
{
    public void OnBeginDrag(PointerEventData eventData)
    {
        Debug.Log("beginDrag");
    }

    public void OnDrag(PointerEventData eventData)
    {
        Debug.Log("drag");
        //跟随鼠标移动
        transform.position = Input.mousePosition;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        Debug.Log("endDrag");
    }   
}