unity3d ui界面攻略 unity中ui界面设计
2023-06-02 19:18:16 小编: 我要评论
写代码也要读书,爱全栈,爱生活。每天更新原创。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