Unity3D入门之GUI基础以及常用GUI控件使用(2)

时间:2024-04-14 21:39:39

1.GUI基础

(1)GUI部分是每帧擦除重绘的,只应该在OnGUI中绘制GUI,按钮:GUILayout.Button(“Hello”); 只读标签:GUILayout.Label()

(2)修改控件的颜色:GUI.backgroundColor = Color.red;设置背景色,GUI.color设置前景色,影响OnGUI中之后的控件直到下次修改颜色为止。

 

2.GUILayout类是用于GUI自动布局的接口。

 

3.GUILayout布局

(1)GUILayout布局默认会伸展控件的尺寸。Button等控件支持params GUILayoutOption[] options可变参数数组,可以通过GUILayout.Width(30)返回一个设置控件宽度的GUILayoutOption对象, Height()、 MinWidth()、MinHeight()等同理。例子: GUILayout.Button("Test",GUILayout.Width(500),GUILayout.Height(30))

(2)GUILayout采用线性布局,类似于StackPanel,默认是纵向布局。通过GUILayout.BeginHorizontal();开启和GUILayout.EndHorizontal()结束一个横向排列区域,同理BeginVertical() 、EndVertical()。

(3)如果嫌控件太挤,可以使用GUILayout.Space(30);增加若干像素的间隙。

 

4.常用GUI控件

(1)密码框:pwd = GUILayout.PasswordField(pwd,‘*’),第二个参数为掩码字符,注意帧刷新的问题。

(2)Button只有鼠标抬起才会返回true,这样用Button做发射子弹就不能按下一直发射,可以使用RepeatButton,这样按下期间会一直返回true。案例:Button和RepeatButton实现游戏对象移动。

(3)Tab页: electedToolBarId = GUILayout.Toolbar(selectedToolBarId,new string[]{“装备”,“经验”,“队友”});  返回值为激活的按钮的序号。

(4)复选框:isMuted = GUILayout.Toggle(isMuted,“静音”);

(5)多行文本区: msgBody = GUILayout.TextArea(msgBody,GUILayout.Width(300),GUILayout.Height(300));

(6)滑动条:纵向, sliderValue = GUILayout.VerticalSlider(sliderValue,0,100);返回值为当前值,第二个参数为最小值,第二个为最大值。 HorizontalSlider()横向

(7)区域Area,相当于一个控件的盒子, Area中的控件跟着Area移动, BeginArea()开始一个区域,参数指定区域的大小和坐标, EndArea()结束区域;

(8)窗口,区域是没有边框和标题的,也不可以拖放。 GUILayout.Window(0, new Rect(50,50,200,200),AddWindow1,“我的窗口”);  第一个参数为窗口的编号,第二个为窗口大小,第三个为void WindowFunction(int windowId)委托,用来绘制窗口内容。

窗口拖拽,在WindowFunction的最后调用GUI.DragWindow()可以启用全屏拖放(给DragWindow传Rect参数可以设定可拖放的区域)。考虑帧刷新的问题,要在OnGUI把Window()的返回Rect保存才可以可拖动,Start()中设定初始位置。

 

代码如下:

using UnityEngine;
using System.Collections;

public class Cube1Control : MonoBehaviour {
    public Texture texture;
    public Texture2D texture2D;
    public Texture2D texture2DActive;
    public string userName;
    public string password;
    public string remark;
    public bool isSuccess;
    public int select=0;
    public bool toggle1 = false;
    public Texture2D bug1;
    public Texture2D bug2;
    public float h;
    public Vector2 vector2;
    Rect rect1 = new Rect(0, 10, 300, 500);
    Rect rect2 = new Rect(600, 10, 300, 500);
    public int selGridId = 0;
    string[] selString = new string[] { "Grid1", "Grid2", "Grid3", "Grid4", "Grid5" };

    // Use this for initialization
    void Start () {
        h = 40;
    }
    
    // Update is called once per frame
    void Update () {
    
    }
    
    void win(int id)
    {

        GUI.Button(new Rect(10, 120, 150, 50), "点击按钮");

        //使用DragWindow启用窗口拖动
        GUI.DragWindow();

    }

    void OnGUI()
    {
        #region GUILayout布局
        ////GUILayout采用线性布局,类似于StackPanel,默认是纵向布局。通过GUILayout.BeginHorizontal();
        ////开启和GUILayout.EndHorizontal()结束一个横向排列区域,同理BeginVertical() 、EndVertical()。
        //GUILayout.BeginHorizontal();
        //GUILayout.Button("Button1", GUILayout.Width(100), GUILayout.Height(50));
        //GUILayout.Button("Button2", GUILayout.Width(100), GUILayout.Height(50));
        //GUILayout.EndHorizontal();

        //GUILayout.BeginVertical();
        ////如果嫌控件太挤,可以使用GUILayout.Space(30);增加若干像素的间隙。
        //GUILayout.Space(30);//Button3和Button1在垂直方向上面就会增加30个像素的间隙
        //GUILayout.Button("Button3", GUILayout.Width(100), GUILayout.Height(50));
        //GUILayout.Button("Button4", GUILayout.Width(100), GUILayout.Height(50));
        //GUILayout.EndVertical();
        #endregion

        #region 常用的GUI控件
        #region GUI.Button
        //GUI.Button(new Rect(20, 20, 150, 30), "这是一个文字按钮");

        ////绘制纹理按钮
        //GUI.Button(new Rect(20, 60, 150, 30), texture);//texture是在unity上面Script脚本上面拖上图片进行赋值的
        ////绘制一个带图片和文字按钮
        //GUIContent guic = new GUIContent("按钮", texture);
        //GUI.Button(new Rect(20, 100, 150, 30), guic);

        ////设置按钮的样式
        //GUIStyle guis = new GUIStyle();
        //guis.fontSize = 23;
        //guis.alignment = TextAnchor.MiddleCenter;

        ////设置状态样式
        //GUIStyleState guiss = new GUIStyleState();
        //guiss.textColor = Color.white;
        //guiss.background = texture2D;//设置按钮背景图片,texture2D在编辑器上拖图片赋值
        //guis.normal = guiss;//设置按钮正常显示的状态
        //GUIStyleState guissActive = new GUIStyleState();
        //guissActive.textColor = Color.white;
        //guissActive.background = texture2DActive;//设置按钮背景图片,texture2D在编辑器上拖图片赋值
        //guis.active = guissActive;//设置鼠标按下去按钮上显示的状态
        //guis.hover = guissActive;//设置鼠标放在按钮上显示的状态
        //if (GUI.Button(new Rect(20, 140, 150, 30), "样式按钮", guis))//点击后返回true
        //{
        //    Debug.Log("点击了按钮");
        //} 
        #endregion

        #region GUI.Label
        //GUI.color = Color.red;//全局设置颜色,设置后后面的控件都变为红色,直到重新设置颜色
        //GUI.Label(new Rect(20, 180, 100, 50), "label1");
        //GUI.color = Color.blue;
        //GUI.Label(new Rect(20, 200, 100, 50), "label2"); 
        #endregion

        #region GUI.TextField GUI.PasswordField GUI.TextArea
        //userName = GUI.TextField(new Rect(10, 10, 100, 30), userName);
        //password = GUI.PasswordField(new Rect(10, 50, 100, 30), password,\'*\');
        //remark = GUI.TextArea(new Rect(10, 100, 100, 30),remark);
        //if (GUI.Button(new Rect(10,150,50,30),"登录"))
        //{
        //    Debug.Log(userName + "-"+password+"-"+remark);
        //    if (userName.Equals("admin")&&password.Equals("123"))
        //    {
        //        isSuccess = true;
        //    }
        //    else
        //    {
        //        isSuccess = false;
        //    }
        //}
        //if (isSuccess)
        //{
        //    GUI.Label(new Rect(10, 200, 100, 30), "登录成功!");
        //}
        //else
        //{
        //    GUI.Label(new Rect(10, 200, 100, 30), "登录失败!");
        //}
        #endregion

        #region GUI.Toolbar GUI.Toggle  GUI.HorizontalSlider
        //Tab页,返回值为激活的按钮的序号,三个按钮并排,select为0选中第一个按钮
        //select = GUI.Toolbar(new Rect(0, 0, 300, 50), select, new string[] { "功能一", "功能二", "功能三" });
        //Debug.Log(select);

        //单选按钮
        //GUIStyle gs = new GUIStyle();
        //GUIStyleState gss = new GUIStyleState();
        //gss.textColor = Color.white;
        //gs.normal = gss;
        //gs.active = gss;
        //GUIContent contenxt = new GUIContent("开关", bug1);
        //if (toggle1)
        //{
        //    contenxt.image = bug2;
        //}
        //// toggle = GUI.Toggle(new Rect(10, 10, 100, 30), toggle, "是否开启声音");
        //toggle1 = GUI.Toggle(new Rect(10, 10, 50, 50), toggle1, contenxt, gs);
        //GUI.Label(new Rect(10, 80, 100, 30), toggle1 + "");

        //水平拖动的Slider,h为Slider赋值
        //h = GUI.HorizontalSlider(new Rect(0, 0, 100, 100), h, 0, 100);
        //Debug.Log(h); 
        #endregion

        #region GUI.BeginScrollView GUI.BeginGroup GUI.Window GUI.SelectionGrid
        //开始滚动视图
        //  public static Vector2 BeginScrollView(Rect position, Vector2 scrollPosition, Rect viewRect, bool alwaysShowHorizontal, bool alwaysShowVertical);
        //position 用于滚动视图在屏幕上矩形的位置
        //scrollPosition 用来显示滚动位置
        //viewRect 滚动视图内使用的矩形
        //vector2 = GUI.BeginScrollView(new Rect(0, 0, 200, 200), vector2, new Rect(0, 0, 200, 200), true, true);
        //GUI.Button(new Rect(0, 0, 50, 50),"Button");
        //GUI.EndScrollView();

        //开始组 将控件都放在一组中,只要组变动,里面的控件都跟着变
        //GUI.BeginGroup(new Rect(10, 100, 200, 400));
        //GUI.Label(new Rect(10, 100, 100, 30), "群组视图1");
        //GUI.Button(new Rect(10, 130, 100, 30), "按钮");
        //GUI.EndGroup();
        //GUI.BeginGroup(new Rect(200, 0, 300, 400));
        //GUI.Label(new Rect(10, 100, 100, 30), "群组视图2");
        //GUI.Button(new Rect(10, 130, 100, 30), "按钮");
        //GUI.EndGroup();

        //弹出窗口
        //必须要把窗口的位置设置成全局变量,窗口里面内容在回调函数里面写
        //rect1 = GUI.Window(0, rect1, win, "窗口");
        //rect2 = GUI.Window(1, rect2, win, "窗口");

        //选择表格
        //selGridId = GUI.SelectionGrid(new Rect(10, 10, 300, 200), selGridId, selString, 2);
        //Debug.Log(selGridId); 
        #endregion

        #region GUILayout.BeginArea
        //区域就是无边框的窗口,Button控件随着区域移动
        //GUILayout.BeginArea(new Rect(0, 50, 200, 200), "Area");
        //GUI.Button(new Rect(0,0,100,50),"Button");
        //GUILayout.EndArea(); 
        #endregion

        #endregion

    }
}