Unity3D自定义按钮—OnGUI

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

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

1）创建角本GUIButton.cs：

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