unity3D游戏开发之GUI

转：http://blog.csdn.net/kuloveyouwei/article/details/23598171

GUI在游戏的开发中占有重要的地位，游戏的GUI是否友好，使用是否方便，很大程度上决定了玩家的游戏体验。Unity内置了一套完整地GUI系统，提供了从布局、控件到皮肤的一整套GUI解决方案，可以做出各种风格和样式的GUI界面。在Unity中使用GUI来完成GUI的绘制工作，目前Unity没有提供内置的GUI可视化编辑器，因此GUI界面的制作需要全部通过编写脚本代码来实现，如果游戏有比较多的界面制作需求，可以通过编写编辑器脚本来制作适合自身需求的GUI编辑器，或者借助第三方的GUI插件，如NGUI。

Unity的GUI类提供了丰富的界面控件，可以将这些控件配合使用，GUI控件，如下图：

GUI代码需要在OnGUI函数中调用才能绘制，GUI的控件一般都需要传人Rect参数来指定屏幕绘制区域，例如Rect(0,10,200,300)，对应的屏幕矩形区域左上角的坐标为（0，10），宽度为200，高度为300，在Unity GUI中，屏幕坐标系以左上角为原点

接下来我们看Label控件，Label控件适合用来显示文本信息或者图片，我们新建一个c#脚本，叫做TestGUI.cs，然后绑定到我们的Main Camera对象上，Label初始化代码如下:

[csharp] view plaincopy

  1. void OnGUI()
  2. {
  3. //GUI.color = Color.red;
  4. GUI.Label(new Rect (10, 10, 100, 200), "Hello World!");
  5. GUI.Label (new Rect (100, 100, texture.width/4, texture.height/4), texture);
  6. }

我们定于了两个label，一个显示文字，另一个显示了一张图片，如下图：

Box控件，Box控件用来绘制带有边框背景的文字或图片，代码如下：

[csharp] view plaincopy

  1. void OnGUI()
  2. {
  3. //GUI.color = Color.red;
  4. //GUI.Label(new Rect (10, 10, 100, 200), "Hello World!");
  5. //GUI.Label (new Rect (100, 100, texture.width/4, texture.height/4), texture);
  6. GUI.Box (new Rect (10, 10, Screen.width * 0.5f, Screen.height * 0.5f), "This is a title");
  7. GUI.Box (new Rect (150, 170, texture.width/4, texture.height/4), texture);
  8. }

效果如下：

Button控件，Button控件用来绘制响应单击事件的按钮，代码如下：

[csharp] view plaincopy

  1. GUI.Button (new Rect (10, 10, 150, 50), "这是一个文字按钮");
  2. //图片按钮
  3. GUI.Button (new Rect (150, 100, texture.width/4, texture.height/4), texture);

效果如下图：

绘制一个文字图片的按钮，代码如下：

[csharp] view plaincopy

  1. //绘制一个带图片和文字按钮
  2. GUIContent guic = new GUIContent("按钮", texture);
  3. GUI.Button(new Rect(10, 70, 150, 30), guic);

我们可以设置按钮的点击事件，代码如下：

[csharp] view plaincopy

  1. GUI.Button (new Rect (10, 10, 150, 50), "这是一个文字按钮");
  2. //图片按钮
  3. if(GUI.Button (new Rect (150, 100, texture.width/4, texture.height/4), texture))
  4. {
  5. Debug.Log("--------aaa");
  6. }
  7. //绘制一个带图片和文字按钮
  8. GUIContent guic = new GUIContent("按钮", texture);
  9. GUI.Button(new Rect(10, 70, 150, 30), guic);

当我们点击了按钮，就会在控制台输出打印的内容，

TextField控件，在游戏中，经常需要用到信息输入的窗口，比如聊天窗、用户信息的输入等；PasswordField控件用于绘制密码输入框，经常用于用户登录界面中；TextArea控件与TextField的用法类似，区别就是TextField是单行的，TextArea可以编辑多行的文字，创建的代码如下：

[csharp] view plaincopy

  1. using UnityEngine;
  2. using System.Collections;
  3. public class TestGUI : MonoBehaviour {
  4. public Texture2D texture;
  5. public string userName;
  6. public string password;
  7. public bool isSuccess;
  8. // Use this for initialization
  9. void Start ()
  10. {
  11. userName = "admin";
  12. password="123";
  13. }
  14. // Update is called once per frame
  15. void Update () {
  16. }
  17. void OnGUI()
  18. {
  19. //GUI.color = Color.red;
  20. //GUI.Label(new Rect (10, 10, 100, 200), "Hello World!");
  21. //GUI.Label (new Rect (100, 100, texture.width/4, texture.height/4), texture);
  22. //GUI.Box (new Rect (10, 10, Screen.width * 0.5f, Screen.height * 0.5f), "This is a title");
  23. //GUI.Box (new Rect (150, 170, texture.width/4, texture.height/4), texture);
  24. //      GUI.Button (new Rect (10, 10, 150, 50), "这是一个文字按钮");
  25. //      //图片按钮
  26. //      if(GUI.Button (new Rect (150, 100, texture.width/4, texture.height/4), texture))
  27. //      {
  28. //          Debug.Log("--------aaa");
  29. //
  30. //
  31. //      }
  32. //
  33. //      //绘制一个带图片和文字按钮
  34. //      GUIContent guic = new GUIContent("按钮", texture);
  35. //      GUI.Button(new Rect(10, 70, 150, 30), guic);
  36. userName=GUI.TextField (new Rect (10, 10, 150, 30), userName);
  37. //‘*‘密码字符串的掩码字符
  38. password=GUI.PasswordField (new Rect (10, 50, 150, 30), password, ‘*‘, 25);
  39. GUI.TextArea(new Rect(10, 100, 150, 50),"abcderfasdasdasdasfasdaasdfdfsfsd");
  40. if (GUI.Button (new Rect (Screen.width / 2 - 50, Screen.height / 2 - 50, 100, 100), "登录"))
  41. {
  42. //判断登录
  43. if (userName.Equals("admin") && password.Equals("123"))
  44. {
  45. isSuccess=true;
  46. }
  47. else
  48. {
  49. isSuccess=false;
  50. }
  51. }
  52. if (isSuccess)
  53. {
  54. GUI.Label(new Rect(10, 200, 100, 30), "登录成功！");
  55. } else
  56. {
  57. GUI.Label(new Rect(10, 200, 100, 30), "登录失败！");
  58. }
  59. }
  60. }

效果如下：

Toggle控件可以用于制作开关按钮，每次单击，它都会在开和关的状态之间切换，创建代码如下：

[csharp] view plaincopy

  1. //文字
  2. toggleTxt = GUI.Toggle (new Rect (10, 10, 100, 30), toggleTxt, "A Toggle text");
  3. //图片
  4. toggleImg = GUI.Toggle (new Rect (10, 50, 50, 50), toggleImg, texture);

效果如下图：

ToolBar控件适用于绘制一组按钮，在这些按钮中同时只激活一个，可以用来制作工具栏，创建代码如下：

[csharp] view plaincopy

  1. public int toolbarInt;
  2. toolbarInt=GUI.Toolbar(new Rect(10,10,250,30),toolbarInt,new string[]{"功能一","功能二","功能三"
  3. });

效果如下图：

Silder滑动条是一种很常用的界面元素，可用在音量调整、进度显示、数值调整的GUI界面中，在Unity中Slider控件分为水平和垂直2种，对应的GUI函数为HorizontalSlider和VerticalSlider，创建代码如下：

[csharp] view plaincopy

  1. hSliderValue = GUI.HorizontalSlider (new Rect (50, 25, 100, 30), hSliderValue, 0.0f, 10.0f);
  2. //显示水平滑动条数值
  3. GUI.Label(new Rect(25,22,100,30),hSliderValue.ToString("0.00"));
  4. vSliderVaule = GUI.VerticalSlider (new Rect (25, 70, 30, 100), vSliderVaule, 0.0f, 10.0f);
  5. //显示垂直滑动条数值
  6. GUI.Label(new Rect(22,170,100,30),vSliderVaule.ToString("0.00"));

效果如下图：

Scrollbar控件，滚动条Scrollbar常用于页面区域的滚动，例如文档浏览中，在Unity中Scrollbar控件分为水平和垂直2种，对应的GUI函数为HorizontalScrollbar和VerticalScrollbar，创建代码如下：

[csharp] view plaincopy

  1. hSbarValue = GUI.HorizontalScrollbar (new Rect (25, 25, 100, 30), hSbarValue, 1.0f, 0.0f, 10.0f);
  2. vSbarVaule = GUI.VerticalScrollbar (new Rect (25, 50, 30, 100), vSbarVaule, 1.0f, 10.0f, 0.0f);

效果如下图：

Unity默认的控件外观十分简单，在游戏开发过程中，开发者都会根据游戏的类型和内容来设计一套个性化的游戏界面，Unity可以通过配置GUISkin来更改控件的默认样式，制作出符合游戏风格的控件外观。依次打开菜单栏中的Assets->Create->GUI Skin来创建GUISkin，如下图：

单击GUISkin文件，在Inspector视图中可以对GUISkin的参数进行设置，假设现在需要更换按钮的背景图片，以及按钮上的字体大小等，单击Button折叠项，展开Button控件的样式参数，更改Normal、Hover、Active、On Normal、On Hover、On Hover、Font Size这几个参数，如下图：

然后我们在代码中创建一个button，代码如下：

[csharp] view plaincopy

  1. public GUISkin mySkin;
  2. GUI.skin = mySkin;
  3. GUI.Button (new Rect (60, 50, 588 / 2, 288 / 2), "开始游戏");

设置mySkin为我们刚才创建的GUISkin,绑定，点击后的效果如下图：

GUILayout自动布局，在Unity中GUI控件的布局方式有两种，一种为固定布局，即在绘制控件的时候将位置参数传人，指定控件的精确位置；另外Unity还支持控件的自动布局，自动布局适用于控件数量动态的情况，或者是有时候开发者不太在乎控件的精准位置，如果想使用自动布局，那么需要使用GUILayout类来代替前面使用的GUI类，并且去掉Rect()位置参数。

[csharp] view plaincopy

    1. //自动布局
    2. GUILayout.Button ("aaaaaaa");
时间： 2024-10-13 23:00:47

unity3D游戏开发之GUI的相关文章

Unity3D游戏开发之GUI的使用

GUI是图形用户界面(Graphical User Interface)的缩写和简称,又叫图形用户接口.听起来好像很专业的感觉,其实我们每天都在接触.比如浏览器上面的前进.后退.收藏按钮.地址栏.右键菜单,甚至整个浏览器窗口都可以叫GUI. 而通常人们眼中的黑客高手,都是喜欢在一个全是字符的屏幕上啪啪啪飞快地键入一些晦涩难懂的字母,然后自称极其安全的某某防火墙系统就被攻破了.这种界面正好与GUI相对,叫做命令行界面,CLI(Command-Line Interface). 作为次世代游戏引擎,制

[转]unity3D游戏开发之GUI

转自:http://blog.csdn.net/kuloveyouwei/article/details/23598171 GUI在游戏的开发中占有重要的地位,游戏的GUI是否友好,使用是否方便,很大程度上决定了玩家的游戏体验.Unity内置了一套完整地GUI系 统,提供了从布局.控件到皮肤的一整套GUI解决方案,可以做出各种风格和样式的GUI界面.在Unity中使用GUI来完成GUI的绘制工作,目前 Unity没有提供内置的GUI可视化编辑器,因此GUI界面的制作需要全部通过编写脚本代码来实现

[Unity3D]Unity3D游戏开发之Lua与游戏的不解之缘(下)

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 喜欢我的博客请记住我的名字:秦元培,我的博客地址是blog.csdn.net/qinyuanpei. 转载请注明出处,本文作者:

Unity3D游戏开发之Lua与游戏的不解之缘终结篇：UniLua热更新完全解读

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 喜欢我的博客请记住我的名字:秦元培,我的博客地址是blog.csdn.net/qinyuanpei. 转载请注明出处,本文作者:

[Unity3D]Unity3D游戏开发之从Unity3D到Eclipse

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 喜欢我的博客请记住我的名字:秦元培,我的博客地址是blog.csdn.net/qinyuanpei. 转载请注明出处,本

[Unity3D]Unity3D游戏开发之ACT游戏三连击效果实现综述

各位朋友,大家好,我是秦元培,欢迎大家关注我的博客,我的博客地址是blog.csdn.net/qinyuanpei.在研究了Unity3D Mecanim动画系统的重定向特性后,今天我们继续来探索Mecanim动画系统更多的特性吧.今天博主想和大家分享的是ACT游戏中的三连击效果的实现,由于Unity3D目前存在Animation和Animator两种类型的动画组件,因此本文将分别讲这两种类型的动画组件的三连击效果的实现,其中Animation组件是Unity3.5以下版本所使用的动画组件,An

Unity3D游戏开发之Unity3D动画与Mecanim动画系统

Unity3D游戏开发之Unity3D动画与Mecanim动画系统 欢迎来到unity学习.unity培训.unity企业培训教育专区,这里有很多U3D资源.U3D培训视频.U3D教程.U3D常见问题.U3D项目源码,[狗刨学习网]unity极致学院,致力于打造业内unity3d培训.学习第一品牌. Mecanim是Unity新增的动画系统,其功能强大而灵活,让人类和非人类角色栩栩如生.Mecanim的重定向极大的提供了工作效率,而且占用极少CPU周期.使用从Unity资源商店找到的动画资源,或

unity3D游戏开发之iTween介绍和用法

unity3D游戏开发之iTween介绍和用法 一．iTween 介绍 iTween是一个动画库,作者创建它的目的就是最小的投入实现最大的产出.让你做开发更轻松,用它可以轻松实现各种动画,晃动,旋转,移动,褪色,上色,控制音频等等 二．iTween 原理 iTween的核心是数值插值,简单说就是给iTween两个数值(开始值,结束值),它会自动生成一些中间值. 三．iTween 下载:  从官网http://itween.pixelplacement.com下载 主要文件有两个iTween.cs

Unity3D游戏开发之Unity打包APK

Unity3D游戏开发之Unity打包APK 1.安装JDK 2.配置JDK 3.在Paht的变量值后面加分号,把D:\android\adt-bundle-windows-x86-20131030\sdk\tools放在Path后面.[狗刨学习网] 4.点击菜单栏中的Edit-->Preferences 看Android SDK Location这个选项 浏览你的模拟器路径. 5.点击 File-Build Settings 然后再 点击Add Current 添加你的场景.再 点击Switc