1.新建一個Plane 放置一個Cube
2.新增2個 Button 模擬血條
2.1 刪除2個Button中沒用的元件,比如Button(script)元件,實際上只用Image元件來顯示血量就可以
2.2 將兩個的位置關係變為父子,外側就叫”btnAllHp”作為背景血條,內部的Button叫”btnNowHp”作為實際血量


2.3將兩個Button調整到合適的寬度和顏色
2.4重要!重要!重要!!! 這個時候要設定 錨點已達到縮放自適應和血量減少時的計算問題…
2.4.1將外側父級Button的4個錨點手動設定為和自身一樣大小,自己注意看錨點位置,這樣縮放是會自適應的

試試縮放螢幕~


3.以上都做完了,隨便新建一個指令碼吧,三行程式碼就結束~

using UnityEngine;
using System.Collections;

public class ControlObjetcMove : MonoBehaviour {    

    public RectTransform rectBloodPos;
 


    // Update is called once per frame
    void Update () {
        this.gameObject.transform.Translate (Input.GetAxis ("Horizontal") * 10 * Time.deltaTime, 0, 0);
        this.gameObject.transform.Translate (0, 0, Input.GetAxis ("Vertical") * 10 * Time.deltaTime);

        //get ScreenPoint...Important
        Vector2 vec2 = Camera.main
 
.WorldToScreenPoint (this.gameObject.transform.position);

        rectBloodPos.anchoredPosition = new Vector2 (vec2.x-Screen.width/2+0, vec2.y-Screen.height/2+60);
    }
}

4.將指令碼掛在Cube上,並把外側Button拖放到指令碼中的rectBloodPos變數吧,完成了~

稍微做一下註解:
Camera.main.WorldToScreenPoint,這裡一定要弄清楚是哪個攝像機,這裡比較簡單就是Camera.main,攝像機多的時候自己注意下吧

(vec2.x-Screen.width/2+0, vec2.y-Screen.height/2+60),由於錨點的設定,導致所有的計算都是相對螢幕中心計算的,但是WorldToScreenPoint得到的座標是基於螢幕左下角為源點的,所以減去螢幕長寬的一半,最後的+0 和 +60 分別表示X方向和Y方向上的偏移量,故意寫出,大家自己注意設定吧…