Center GUIContent and texture for a GUI.Box

Question

I have t$$anonymous$$s code for a health bar:

 using UnityEngine;
 using System.Collections;

 public class PlayerHealth : MonoBehaviour {
 public int maxHealth = 100;
 public int curHealth = 100;
 
 public float healthBarLength;

 // Use t$$anonymous$$s for initialization
 void Start () {
     healthBarLength = Screen.width / 2;
 }
 
 // Update is called once per frame
 void Update () {
     AddjustCurrentHealth(0);
 }
 
 public void OnGUI() {
     
     GUIStyle style = new GUIStyle();
     Texture2D texture = new Texture2D(128, 128);
     
       for (int y = 0; y < texture.height; ++y)
     {
         for (int x = 0; x < texture.width; ++x)
         {
             float r = Random.value;
             Color color = new Color(1, 0, 0);
             texture.SetPixel(x, y, color);
         }
     }
     texture.Apply();

     style.normal.background = texture;
     
     GUI.Box(new Rect(10, 10, healthBarLength, 20), new GUIContent(curHealth + "/" + maxHealth), style);
 }
 
 public void AddjustCurrentHealth(int adj) {
     curHealth += adj;
     
     if(curHealth < 0)
         curHealth = 0;
     
     if(curHealth > maxHealth)
         curHealth = maxHealth;
     
     if(maxHealth < 1)
         maxHealth = 1;
     
     healthBarLength = (Screen.width / 2) * (curHealth / (float)maxHealth);
 }

}

I want to know how can I center the text that I put into the Gui.Box (curHealth + "/" + maxHealth), bacause it is at the left of the Box.

The other t$$anonymous$$ng i want to know is how can I set a Texture for the Box instead of a Color, and add t$$anonymous$$s texture from a file in Unity instead of adding it in the C# Script.

Answer 1

Answer by captaincrunch80 · Apr 12, 2012 at 12:26 AM

Hi there!

Check out the gui tutorial: http://unity3d.com/support/documentation/Components/gui-Layout.html

In the middle of t$$anonymous$$s tutorial is exacly what you need for the health bar with textures.

If you dig a little deeper you can also handle text centering with GUILayout easily. Here is a snippet that will help you get the right direction (if you use the same for schheme for Vertical alignement and give your health bar as Rect for the area, it will be in the perfect center):

 // C#
     public void OnGUI() {
         GUILayout.BeginArea (new Rect (0,0,200,60));
             GUILayout.BeginHorizontal();
                GUILayout.FlexibleSpace ();
                GUILayout.Label("my centered text");
                GUILayout.FlexibleSpace ();
             GUILayout.EndHorizontal();
         GUILayout.EndArea();
     }

Another way would be to calculate the text size and center it manually with a Rect. (see GUIStyle.CalcSize for that)

Add comment · Show 2 · Share

Helienio · Nov 01, 2014 at 01:31 AM 0

Share

robertbu · Nov 01, 2014 at 01:32 AM 0

Share

Center GUIContent and texture for a GUI.Box

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions