Unity3D笔记六 GUI游戏界面

1、Label：标签控件，可以在游戏中用来展示文本字符串信息，不仅可以写字还可以贴图片。

 

2、Button：按钮控件，一般分图片按钮和普通的按钮，还有一个连续按钮RepeatButton注意，这个在WebForm里面是没有的。

Ps:用GUI.Button(new Rect(10,200,70,30),"文字按钮" )来添加按钮时这个方法是有返回值的bool类型；

 

3、TextField：主要用于监听用户输入的信息。

    Ps：GUI.TextField()，返回用户输入的字符串信息，GUI.PasswordField()

 

4、ToolBar：用于创建工具栏，以Tab页面形式来展示，选择任意一项后可返回所选的ID。

  

 5、Slider控件

　　基本知识：Slider控件由滑块与滑动条组成；按展示方式划分为：水平滑动条(HorizontalSlider [ˌhɔriˈzɔntəl] adj.水平的，卧式的；地平线的)，垂直滑动条（VerticalSlider[ˈvɜ:tɪkl]adj. 垂直的，竖立的 ），二者之间的用法基本相同；

　　作　　用：常使用滑动条来调节音量或者颜色等

6、ScrollView控件 =>相当于webform中的滚动条

　　使用条件：若游戏界面中的GUI控件过多，超出了屏幕的显示范围，就需要使用ScrollView控件来完成它的展示效果。

 7、群视图：GroupView控件

　　1、群组视图（GroupView控件）可将多个视图全部放在一个群组当中。将视图添加进群组当中后，群组中任何视图的坐标都是相对坐标，它是相对群组视图左上角的坐标。

 　  2、使用GUI.BeginGroup()方法可以创建一个群组视图，但是必须以GUI.EndGroup()方法结束群组视图

 8、窗口

　　窗口在游戏开发中并不陌生，所有视图都需要依赖窗口来显示，我们可以把窗口理解为视图的父类。 游戏视图，它们都属于窗口的子类。游戏界面可以由若干个窗口组成，窗口又由若干个视图组成。 

9、GUI Skin 为控件添加漂亮的皮肤

　　在Project视图中点击“Create”→“GUI Skin”菜单项，创建一个GUI Skin。使用GUI Skin，可以修改任何系统提供的控件皮肤。

 

 Font：可设置系统字体或者自定义字体。
 Box：可设置盒子的显示皮肤。
 Button：可设置按钮的显示皮肤。
 Toggle：可设置选择框的显示皮肤。['tɒɡl]
 Label：可设置文本框的显示皮肤。
 Text Field：可设置输入框的显示皮肤。
 Text Area：可设置多行输入框的显示皮肤。
 Window：可设置窗口的显示皮肤。
 Horizontal Slider：可设置水平滚动条的显示皮肤。[ˌhɔriˈzɔntəl] 
 Horizontal Slider Thumb：可设置水平滚动条上滑动块的显示皮肤。['slaɪdə(r)]n. 滑雪者，滑冰者；
 Vertical Slider：可设置垂直滑动条的显示皮肤。[ˈvɜ:tɪkl]
 Vertical Slider Thumb：可设置垂直滑动条上滑动块的显示皮肤。[θʌm]n. 拇指；（手套的）拇指部份
 Horizontal Scrollbar：可设置水平滚动条的显示皮肤。
 Horizontal Scrollbar Thumb：可设置水平滚动条上滑块的显示皮肤。
 Horizontal Scrollbar Left Button：可设置水平滚动条左边按钮的显示皮肤。[skrəʊl]
 Horizontal Scrollbar Right Button：可设置水平滚动条右边按钮的显示皮肤。
 Vertical Scrollbar：可设置垂直滚动条的显示皮肤。
 Vertical Scrollbar Thumb：可设置垂直滚动条上滑块的显示皮肤。
 Vertical Scrollbar Up Button：可设置垂直滚动条上边按钮的显示皮肤。
 Vertical Scrollbar Down Button：可设置垂直滚动条下边按钮的显示皮肤。
 Scroll View：可设置滚动视图的显示皮肤。
 Custom Styles：自定义风格显示皮肤。
 Settings：一些其他设置。

 

 

学习宣老师的《Unity3D游戏开发》，老师用到是js写的，我这边C# 经运行暂时么发现问题 

using UnityEngine;
using System.Collections;

public class Csharp3_1 : MonoBehaviour
{

    #region 只有公有变量才可以在编辑器中以拖曳对象或输入的形式赋值。
    /// <summary>
    /// 接收外部赋值字符串
    /// </summary>
    public string str = string.Empty;
    /// <summary>
    /// 接收外部赋值贴图
    /// </summary>
    public Texture imageTexture;
    #endregion

    /// <summary>
    /// 贴图宽度
    /// </summary>
    private int imageWidth;
    /// <summary>
    /// 贴图高
    /// </summary>
    private int imageHeight;
    /// <summary>
    /// 当前屏幕宽度
    /// </summary>
    private int screenWidth;
    /// <summary>
    /// 当前屏幕高度
    /// </summary>
    private int screenHeight;

    //时间计数器
    private int frameTime;


    public Texture2D buttonTexture;

    #region TextField
    private string userName;
    private string pwd;
    private string message;
    #endregion

    #region ToolBar

    //工具栏选择按钮的ID
    private int sltID;

    //工具栏显示按钮的字符串
    private string[] barResource;

    //选择按钮是否被按下
    private bool sltToggle0, sltToggle1;
    #endregion

    #region 5、Slider
    //定义成公共的，否则滚动条无法拖动
    public float verticalValue = 0.0f;//垂直、纵向滑动条【ˈvə:tikəl]
    public float horizontalValue = 0.0f;//横向滑动条 [ˌhɔriˈzɔntəl]
    #endregion

    #region 6 ScrollView
    public Vector2 scrollPostion2;
    #endregion

    #region 7 GroupView
    //贴图
    public Texture2D texture1;
    public Texture2D texture2;
    #endregion
    
    #region 8窗口
    //默认窗口位置
    Rect window1 = new Rect(20, 20, 200, 200);
    Rect window2 = new Rect(260, 20, 200, 200);
    #endregion

    #region 9GUISkin
    public GUISkin guiSkin;//自定义皮肤
    private bool isSelect = false;//单选控件是否被选中
    public Rect rect = new Rect(20, 20, 120, 50);//拖动窗口的位置
    public string guiString = "请输入文字";
    #endregion


    // Use this for initialization
    /// <summary>
    /// 该方法只执行一次，所以需要将初始化的相关代码都放在Start()方法中
    /// </summary>
    void Start()
    {
        ////得到屏幕宽高
        screenWidth = Screen.width;
        screenHeight = Screen.height;

        ////得到图片宽高
        imageHeight = imageTexture.height;
        imageWidth = imageTexture.width;

        str = "请您点击按钮";

        #region TextField
        userName = "请输入您的姓名";
        pwd = "请输入密码";
        message = "请输入正确的用户名及密码！";

        #endregion

        #region ToolBar

        sltID = 0;
        barResource = new string[] { "第一个工具栏", "第二个工具栏", "第三个工具栏", "第四个工具栏" };
        sltToggle0 = false;
        sltToggle1 = false;

        #endregion

        #region 6 ScrollView
        //初始化滚动条位置 
        scrollPostion2 = new Vector2(50, 50);
        #endregion
         
    }

    // Update is called once per frame
    void Update()
    {

    }
    /// <summary>
    /// 界面绘制方法，所有GUI的绘制都需要在这个方法中实现
    /// </summary>
    private void OnGUI()
    {
        //将文字内容显示在屏幕中
        //GUI.Label(new Rect(100, 10, 100, 30), str);
        //GUI.Label(new Rect(100, 40, 100, 30), "当前屏幕宽：" + screenWidth);
        //GUI.Label(new Rect(100, 70, 100, 30), "当前屏幕高：" + screenHeight);
        ////将贴图显示在屏幕中
        //GUI.Label(new Rect(100, 100, imageWidth, imageHeight), imageTexture);



        #region Button
        //if (GUI.Button(new Rect(10, 50, buttonTexture.width, buttonTexture.height), buttonTexture))
        //{
        //    //点击按钮修改提示信息
        //    str = "您点击了图片按钮";
        //}


        ////设置按钮中文字的颜色
        //GUI.color = Color.blue;
        ////设置按钮的背景色
        //GUI.backgroundColor = Color.red;
        //if (GUI.Button(new Rect(10, 200, 70, 30), "文字按钮"))
        //{
        //    //点击按钮修改提示信息
        //    str = "您点击了文字按钮";
        //}



        //GUI.color = Color.yellow;
        ////设置按钮的背景色
        //GUI.backgroundColor = Color.white;


        //if (GUI.RepeatButton(new Rect(10, 250, 100, 30), "按钮按下中"))
        //{
        //    //点击按钮修改提示信息
        //    str = "按钮按下中的时间：" + frameTime;
        //    frameTime++;
        //}
        #endregion

        #region TextField

        //GUI.Label(new Rect(10,10,Screen.width,40),message );
        //if (GUI.Button(new Rect(10,120,100,50),"登录" ))
        //{
        //    message = "您输入的用户名为：" + userName + ";您输入的密码为：" + pwd;
        //}

        //GUI.Label(new Rect(10,40,50,30),"用户名：" );
        //GUI.Label(new Rect(10,80,50,30),"密  码：" );

        //GUI.TextField(new Rect(70, 40, 200, 30), userName, 10);
        //GUI.PasswordField(new Rect(70, 80, 200, 30), pwd ,  '*' ,12);

        #endregion

        #region ToolBar

        //var oldSltID = sltID;
        ////重新计算本次工具栏选择的ID
        //sltID = GUI.Toolbar(new Rect(10, 10, barResource.Length*100, 30), sltID, barResource);//默认选择哪个
        ////如果两次选择的是不同的工具栏，将选择按钮全部释放掉
        //if (oldSltID!=sltID)
        //{
        //    sltToggle0 = false;
        //    sltToggle1 = false;
        //}
        ////根据工具栏选择的ID显示不同的信息
        //switch (sltID)
        //{
        //    case 0:
        //        sltToggle0 = GUI.Toggle(new Rect(10, 50, 150, 30), sltToggle0, "第一个工具栏单项选择——1");
        //        sltToggle0 = true;//是否选中
        //        sltToggle1 = GUI.Toggle(new Rect(10, 80, 150, 30), sltToggle1, "第一个工具栏单项选择——2");
        //        break;
        //    case 1:
        //        sltToggle0 = GUI.Toggle(new Rect(10, 50, 150, 30), sltToggle0, "第二个工具栏单项选择——1");
        //        sltToggle1 = GUI.Toggle(new Rect(10, 80, 150, 30), sltToggle1, "第二个工具栏单项选择——2");
        //        break;
        //    case 2:
        //        sltToggle0 = GUI.Toggle(new Rect(10, 50, 150, 30), sltToggle0, "第三个工具栏单项选择——1");
        //        sltToggle1 = GUI.Toggle(new Rect(10, 80, 150, 30), sltToggle1, "第三个工具栏单项选择——2");
        //        break;
        //    case 3:
        //        sltToggle0 = GUI.Toggle(new Rect(10, 50, 150, 30), sltToggle0, "第四个工具栏单项选择——1");
        //        sltToggle1 = GUI.Toggle(new Rect(10, 80, 150, 30), sltToggle1, "第四个工具栏单项选择——2");
        //        break;
        //}
        #endregion

        #region 5 Slider
        //verticalValue = GUI.VerticalSlider(new Rect(25, 25, 30, 100), verticalValue, 100, 0);//计算滑动进度
        //horizontalValue = GUI.HorizontalSlider(new Rect(50, 25, 100, 30), horizontalValue, 0.0f, 100.0f);
        //GUI.Label(new Rect(10, 150, Screen.width, 30), "纵向滑动条当前进度：" + verticalValue + "%");
        //GUI.Label(new Rect(10, 180, Screen.width, 30), "横向滑动条当前进度向滑动条当前进度：" + horizontalValue + "%");
        #endregion

        #region 6 ScrollView
        ////开始滚动视图
        //Vector2 vector2  = GUI.BeginScrollView(new Rect(0, 0, 200, 200), scrollPostion2, new Rect(0, 0, Screen.width, 300), true, true);
        //GUI.Label(new Rect(100,40,Screen.width,30),"测试滚动视图，测试滚动视图，测试滚动视图，测试滚动视图。" );
        ////结束滚动视图
        //GUI.EndScrollView();
        #endregion

        #region 7GroupView
        ////开始这个群组
        //GUI.BeginGroup(new Rect(10, 50, 200, 400));//创建一个群组视图，但是必须以GUI.EndGroup()方法结束群组视图
        ////显示贴图，坐标为相对群组的点(10，50)的坐标
        //GUI.DrawTexture(new Rect(10,20,texture1.width,texture1.height),texture1 );
        ////标签提示信息
        //GUI.Label(new Rect(10, 150, 100, 40), "群组视图1");
        ////按钮
        //GUI.Button(new Rect(10, 190, 100, 40), "按钮1");
        ////结束这个群组
        //GUI.EndGroup();


        ////开始第二个群组 同上
        //GUI.BeginGroup(new Rect(300,0,500,400));
        //GUI.DrawTexture(new Rect(10,20,texture2.width,texture2.height),texture2 );
        //GUI.Label(new Rect(10, 150, 100, 40), "群组视图2");
        //GUI.Button(new Rect(10, 190, 100, 40), "按钮2");  
        //GUI.EndGroup(); 
        #endregion

        #region 8窗口

        //GUI.Window(1, window1, OneWindow, "我是第一个窗口");
        //GUI.Window(2, window2, TwoWindow, "我是第二个窗口");

        #endregion

        #region 9GUISkin

        GUI.skin = guiSkin;//设置GUI皮肤为自定义皮肤
        GUI.Button(new Rect(100, 100, 100, 100), "自定义按钮");
        isSelect = GUI.Toggle(new Rect(10, 50, 100, 30), isSelect, "单选按钮");////单项选择
        guiString = GUI.TextField(new Rect(200, 10, 200, 20), guiString, 100);//输入框
        rect = GUI.Window(111, rect, GuiWindow, "GUI窗口");//注册窗口

        #endregion
    }
    /// <summary>
    /// 窗口1
    /// </summary>
    /// <param name="id"></param>
    private void OneWindow(int id)
    {
        GUI.Box(new Rect(10, 50, 150, 50), "这个窗口的ID是：" + id);
        if (GUI.Button(new Rect(10, 120, 150, 50), "普通按钮1"))
        { 
            Debug.Log("窗口ID = " + id + "按钮被点击");
        }
    }
    /// <summary>
    /// 窗口2
    /// </summary>
    /// <param name="id"></param>
    private void TwoWindow(int id)
    {
        GUI.Box(new Rect(10, 50, 150, 50), "这个窗口的ID是：" + id);
        if (GUI.Button(new Rect(10,120,150,50),"普通按钮2" ))
        {
            Debug.Log("窗口ID = " + id + "按钮被点击");
        }
    }
    /// <summary>
    /// 9GUI窗口
    /// </summary>
    /// <param name="id"></param>
    private void GuiWindow(int id)
    {
        GUI.DragWindow();//创建一个可以自由拖动的窗口
        GUI.Button(new Rect(10, 10, 100, 30), "拖动的窗口按钮");
    }
}