unity3d ui界面攻略 unity中ui界面设计

写代码也要读书，爱全栈，爱生活。每天更新原创。IT编程技术及日常实用技术文章。

我们的目标是玩服务器Web开发，了解移动终端，电脑客户端就更不用说了。

更多原创教程，请点击上面的关注或微信公众平台:做全栈攻城狮。

技术交流群：高手群：538742639新手群： 572577013

本文以全栈攻城狮为原创，如有转载，请声明出处。

WX：aiquanzhan

本教程致力于.Net程序员可以使用unity技术快速学习和入门级游戏开发。一方面，我希望通过自己的总结，帮助更多热衷于游戏开发或编程技术开发的同事。另一方面，你可以总结你的收入，提高自己。

这是游戏开发的第三篇教程文章。请参阅最后一篇文章游戏开发7天快速入门-第二天GUI详细说明图形用户界面和游戏对象

上次主要介绍游戏对象和GUI图形用户界面。这次最多GUI和NGUI详细介绍使用情况。

GUI

回顾常用的GUI控件：

看先显示的效果：

文本框必须输入数据。但此时我们发现：

无论如何操作键盘，发现根本没有反应。

其实想一下OnGUI方法是在重新绘制每一帧时调用。因此，文本框的内容将在每一帧中重新绘制。因此，即使我们删除并重新输入它，它也会被重新绘制。因此，在这个时候，我们需要使用一个术语来保持状态：

效果：

这是一个状态保持的例子，其他残酷的控制器也需要状态保持。

修改颜色

效果：

注意：Color主要用于下面写的控件。如果新赋值颜色，则使用最新颜色。否则，适用于上述颜色。

NGUI

Ngui是unity主要负责插件UI界面开发。一个用C#写第三方UI库。一般使用NGUI界面设计。

这是第三方包，需要下载:可以在网上搜索，资源多。如果觉得麻烦，可以关注做全栈攻城狮，我发给你。

1.安装导入方式：

1.1.1导入：

点击右键导入项目：

选择到ngui袋子直接导入。

进口成功后，菜单界面会有一个NGUI菜单：

项目列表如下：

1.1.2删除摄像机

1.1.创造新的UI面板：以2D UI为例

增加层次面板：

发现其中一个Root UI->Camera。自动生成一个NGUI的一个摄像头，做UI界面通常放在摄像头上，以保持显示。

创建按钮：

下图弹出：如下图所示Textures和Font可直接将下面目录的文件拖到上面的文本框：

动画版本：

这样，可以添加绿色按钮。

顺便说一句，改变其他选项

点击添加后，运行下看效果：

其它控件也通过向导添加。

记住：一定要在那里Camera在节点下创建。

按钮点击事件：

新建脚本：

事实上，按钮的点击事件是Onclick调用。只要实现新脚本OnClick方法可以:

写完后，脚本放在按钮上。

获取文本框内容：

实现功能：输入文本框内容，点击按钮输出文本框内容。

在现有按钮的基础上：继续按照上述步骤创建文本框：

需要在按钮上创建一个新的脚本并作用它。点击注册按钮，但需要在此脚本中获取Input所在的控件，我们可以这样做：

声明属性

此时，您会发现属性面板中Script以下是一个与属性名相同的选项：

直接把Input拖到上面就可以了。脚本中就可以访问了。

脚本实现：

效果：

更多原创教程，请点击上面的关注或微信公众平台:做全栈攻城狮。

技术交流群：高手群：538742639新手群： 572577013

本文以全栈攻城狮为原创，如有转载，请声明出处。

WX：aiquanzhan