Unity3D自定义按钮—OnGUI

在塔防游戏中，防守单位都是动态创建的，通常游戏中将提供若干个按钮，当选中其中一个按钮后，这个按钮将保持激活状态，这时在场景中选择位置按下鼠标，即可创建一个防守单位，同时也会扣除一些用于创建防守单位的资金或点数。

接下来我们将创建一个自定义的按钮，虽然使用OnGUI创建按钮更容易，但OnGUI的效率较低，也不利于制作布局复杂或有特殊需求的UI，更难为它制作动画。

1）创建角本GUIButton.cs：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113

using UnityEngine;  using System.Collections;      public class GUIButton : MonoBehaviour   {      // 按钮状态       protected enum StateID       {          NORMAL=0,   // 正常           FOCUS,       //  高亮           ACTIV,       //  选中       }      protected StateID m_state = StateID. NORMAL;       // 按钮的贴图       public Texture[] m_ButtonSkin;           // 按钮的ID       public int m_ID = 0;           // 按钮是否处于激活状态       protected bool m_isOnActiv = false ;           // 按钮的缩放       public float m_scale = 1.0f;           // 按钮的屏幕位置       Vector2 m_screenPosition;            // 按钮的当前贴图       public GUITexture m_texture;          // 初始化按钮       void Awake()      {          //  获得贴图           m_texture = this .guiTexture;               // 获得位置           m_screenPosition = new Vector3(m_texture.pixelInset.x, m_texture.pixelInset.y, 0);               // 设置默认状态           SetState(StateID.NORMAL);       }          //更新按钮状态，选中按钮，返回它的ID       public int UpdateState(bool mouse,Vector3 mousepos)      {          int result = -1;               if (m_texture.HitTest(mousepos))          {              if (mouse)              {                  SetState(StateID.ACTIV);                       return m_ID;               }              else                  SetState(StateID.FOCUS);               }          else          {              if (m_isOnActiv)                  SetState(StateID.ACTIV);               else                  SetState(StateID.NORMAL);           }              return result;       }          // 设置按钮状态       protected virtual void SetState(StateID state)      {          if (m_state == state)              return ;               m_state = state;               m_texture.texture = m_ButtonSkin[(int)m_state];               float w = m_ButtonSkin[(int)m_state].width * m_scale;           float h = m_ButtonSkin[(int)m_state].height * m_scale;               m_texture.pixelInset = new Rect( this .m_screenPosition.x, m_screenPosition.y, w, h);       }          // 设置按钮缩放       public virtual void SetScale(float scale)      {          m_scale = scale;               float w = m_ButtonSkin[0].width * scale;           float h = m_ButtonSkin[0].height * scale;               m_screenPosition.x *= scale;           m_screenPosition.y *= scale;               m_texture.pixelInset = new Rect(m_screenPosition.x, m_screenPosition.y, w, h);       }          // 设置激活状态       public virtual void SetOnActiv(bool isactiv)      {          if (isactiv)              SetState(StateID.ACTIV);           else if (m_isOnActiv)              SetState(StateID.NORMAL);               m_isOnActiv = isactiv;       } }

在这个脚本中，Awake函数初始化了按钮的状态，按钮一共有三种状态，包括正常、高亮和激活。

在UpdateState函数中，判断是否选中按钮，如果选中，则返回按钮的ID。

SetState函数用来设置按钮的状态，实际上是在更新按钮的贴图。

SetScale函数用来设置按钮的缩放，在手机平台，因为机器设备的分辨率不统一，所以在不同平台对按钮进行相应缩放是必要的。

SetOnActiv函数会将按钮设为激活状态，当按钮处于这种状态，即使鼠标从按钮上移开，按钮的状态也不会改变。

2）在Project窗口的GUI文件夹中找到ui_turret_n.png，确定它处于选择状态，在菜单栏选择【GameObject】→【Create Other】→【GUI Texture】创建一个显示有UI贴图的游戏体，然后为它指定角本GUIButton.cs，在Button Skin中设置对应按钮三种状态的贴图，将按钮的ID设为1，如图4-27所示。

3）我们将不使用3d坐标改变按钮的位置，将按钮的Position设为0，然后将Pixel Inset的X和Y设为5，如图4-27所示，按钮将出现在屏幕坐标（5，5）的位置，如图4-28所示。

4）将按钮命名为button_0，并设为GameManager的子物体，如图4-29所示。

5）打开GameManager.cs，加入按钮等相关属性如下，然后将前面创建的防守单位与m_guardPrefab关联。新建一个名为ground的Layer，将m_groundlayer与其关联。

（此处省略××××××字，包括源代码）

8）将地面的Layer设为ground，使射线可以与地面碰撞。

运行游戏，按一下屏幕上的按钮，然后在地面上点一下，即可创建一个防守单位。

这个塔防游戏到这里就结束了，它还非常简陋，但具备了塔防游戏的基本要素，如果添加更多的细节和更好的画面，相信它可以变成一款不错的游戏。

来自：51cto