Unity3D学习之UI系统——GUI

最新推荐文章于 2024-09-26 06:01:24 发布
最新推荐文章于 2024-09-26 06:01:24 发布
阅读量2.1k 收藏 28
点赞数 18
文章标签： 学习 ui unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmz_0314/article/details/135604509
版权
本文详细介绍了Unity中的GUI控件使用，包括文本、按钮、多选/单选框、输入框、拖动条、图片绘制、工具栏、选择网格、滚动列表、窗口类型（模态和可拖动）、自定义皮肤样式、GUILayout布局以及九宫格布局概念。
摘要由CSDN通过智能技术生成

文章目录

1. 前言

在这里插入图片描述在这里插入图片描述
设置Screen Type和Center Type

最终实现效果：
在这里插入图片描述

2. 工作原理和主要作用

在这里插入图片描述
在这里插入图片描述

3. 基础控件

3.1 重要参数及文本和按钮

3.1.1 GUI 共同点

在这里插入图片描述

3.1.2 文本控件

在这里插入图片描述
在这里插入图片描述

可以传图片
在这里插入图片描述
在这里插入图片描述

在unity中拖入图片
在这里插入图片描述
可以把Rect 设置成public 的变量，在控件中设置
在这里插入图片描述

在这里插入图片描述
文字和图片均显示
在这里插入图片描述
在这里插入图片描述

toolTip 获取当前选中的空间的附带信息
在这里插入图片描述
GUI Style 控制样式
在这里插入图片描述

3.1.3 按钮控件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
必须要按下并抬起才算被点击

在这里插入图片描述
长按按钮

3.2 多选框和单选框

3.2.1 多选框

在这里插入图片描述
Toggle因为返回的是bool值，所以一定要在OnGUI外面生成bool值
在这里插入图片描述
变成这样
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
false时显示Normal
在这里插入图片描述
在这里插入图片描述

true时显示On Normal
在这里插入图片描述
在这里插入图片描述

3.2.2 单选框

在这里插入图片描述
通过一个int 标识表示是否显示

在这里插入图片描述

3.2.3 输入框

在这里插入图片描述

在这里插入图片描述

3.2.4 拖动条

在这里插入图片描述

在这里插入图片描述

3.3 图片绘制和框

3.3.1 图片

在这里插入图片描述

在这里插入图片描述

3.3.2 框绘制

在这里插入图片描述
在这里插入图片描述

4 工具栏和选择网格

4.1 工具栏

在这里插入图片描述

这种类似的
在这里插入图片描述

在这里插入图片描述
可以根据返回索引处理不同的逻辑
在这里插入图片描述

4.2 选择网格

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5 滚动列表和分组

5.1 分组

在这里插入图片描述
包裹着他的所有控件的位置，只要移动Group的位置，包裹的所有控件的位置就会改变
包裹只Begin到End之间的所有控件
在这里插入图片描述

在这里插入图片描述
移动groupPos

在这里插入图片描述

5.2 滚动列表

在这里插入图片描述
拖动列表条

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

scPos是这个滚动组件的位置
nowPos是滚动条的变量
showPos 组件内容的尺寸
如果里面内容的宽高小于组件内容的尺寸，则不会出现滚动条，如果大于了就会出现
在这里插入图片描述
在这里插入图片描述

6 窗口

在这里插入图片描述

在这里插入图片描述
在函数里添加配件
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.1 模态窗口

在这里插入图片描述
相当于警告窗口，这个窗口一出来点其他按钮都没有用了

6.2 拖动窗口

在这里插入图片描述

在这里插入图片描述
函数如果填了，就是只能拖这部分才能拖动

7 自定义皮肤样式

7.1 全局颜色

自定义的style也会受影响

在这里插入图片描述
在这里插入图片描述

7.2 整体皮肤样式

在这里插入图片描述

Skin就是多个GUI的Style的综合体

可以自己创建skin文件，然后编辑赋值给GUI.skin

8 GUILayout自动布局

8.1 自动布局

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

8.2 布局选项

在这里插入图片描述

9 必备知识点

编辑模式下让指定代码执行
加上[ExecuteAlways]

在这里插入图片描述

10 九宫格布局概念

在这里插入图片描述

在这里插入图片描述

千殃sama
关注
unity3D游戏开发十三之GUI
wangdaren的专栏
04-13 5万+
GUI在游戏的开发中占有重要的地位，游戏的GUI是否友好，使用是否方便，很大
【Unity3d学习】UI系统——简单的血条制作
JKJKL1的博客
11-21 1674
写在前面 本次项目较为简单，代码上传到GitHub上：Github传送门 课程实验资料在老师的课程网站上：传送门 实验的视频链接（本次实验演示较简短）：传送门 实验内容 实现简单血条预制： 分别使用 IMGUI 和 UGUI 实现 使用 UGUI，血条是游戏对象的一个子元素，任何时候需要面对主摄像机 分析两种实现的优缺点 给出预制的使用方法 步骤分析: 首先IMGUI在之前的实验中也...
Unity 3D UGUI 系统一口气讲完！(＾Ｕ＾)ノ~ＹＯ
最新发布
爱编程的鱼的博客
09-26 935
Canvas画布是摆放所有UI元素的区域，在场景中创建的所有控件都会自动变为Canvas游戏对象的子对象。若场景中没有画布，在创建控件时会自动创建画布。不论是你主动创建还是被动创建，系统都会自动创建一个名为的游戏对象，该对象挂载了若干与事件监听相关的组件，可供设置。在画布属性栏中有一个属性。在渲染模式下，场景中的UI会被渲染到屏幕上，如果屏幕大小或分辨率发生改变，画布会自动适配。该模式下不需要UI摄像机，UI将永远出现在所有摄像机的最前面。Sort Order渲染模式类似于渲染模式。
unity3D之UI
m0_57485346的博客
11-24 3002
unity3D之UI
基于Unity3D简单UI框架
07-14
基于Unity3D和NGUI实现的简单的UI框架，实现内容如下 1.加载，显示，隐藏，关闭页面，根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级，Collider，背景管理 4.根据存储的导航信息完成界面导航 5.界面通用对话框管理(多类型Message Box) 6.便于进行需求和功能扩展(比如，在跳出页面之前添加逻辑处理等) 由于package中包含了NGUI3.6.7版本所以比较大~ 介绍文章如下：http://blog.csdn.net/fredomyan/article/details/46879203
Unity中的GUI
ht_game的博客
02-03 1978
GUI：游戏用户交互界面，一个代码驱动的UI系统GUI的主要作用1、作为程序员的调试工具2、为脚本组件创建自定义监视面板3、创建新的编辑器窗口和工具以拓展Unity本身(一般作为内置游戏工具)GUI工作原理1、OnGUI是每帧执行，相当于专门绘制GUI界面的函数2、一般只在其中执行GUI相关界面绘制和操作逻辑3、该函数在OnDisable之前，在LateUpdate之后4、只要是继承了Mono的脚本，都可以在OnGUI中绘制GUIGUI空间的共同点。
Unity中的UI系统之GUI
K_CRACKING的博客
02-27 2257
全局颜色//全局的着色颜色，影响背景和文本颜色//文本着色颜色//背景元素着色，和全局颜色相乘整体皮肤样式。
Unity3d--UI系统
TempterCyn的博客
11-19 559
一.作业要求 血条（Health Bar）的预制设计。具体要求如下 分别使用 IMGUI 和 UGUI 实现 使用 UGUI，血条是游戏对象的一个子元素，任何时候需要面对主摄像机 分析两种实现的优缺点 给出预制的使用方法 二.实现过程 IMGUI实现 在IMGUI中可以使用HorizontalScrollbar（水平滚动条）的宽度作为血条的显示值。 具体代码如下： using System.C...
Unity学习记录——UI设计
jmpei32534的博客
12-21 1604
本文是中山大学软件工程学院2020级3d游戏编程与设计的作业8
Unity3d学习笔记2——GUI实现简单计算器
snap的博客
03-10 1148
Unity3d学习笔记2——GUI实现简单计算器 基础知识 OnGUI函数 Canvas画布
unity3d GUI入门
08-22
最经典的GUI入门文档，书中的代码可以复制出来
（四）unity自带的着色器源码剖析之——————Unity3D 多例化技术（GUI Instancing）
cgy56191948的博客
02-25 3809
一、多例化技术概述 假设需要绘制有很多模型的场景，而大部分模型使用的是同一个模型，即使用同一组顶点数据在渲染时会给它们指定不同的世界坐标，绘制在不同位置上。比如草，可能由几个三角形构成，渲染一株草没有渲染压力，但是成千上万株就会调用相应次数绘制调用（draw call）就会极大影响性能。 1.1 不使用GPU多例化技术绘制多个相同模型 如果这样绘制同一模型大量实例（instance），很快就...
Unity3D课程——UI系统之血条的预制设计
diosmai_kingso的博客
11-20 435
IMGUI实现 使用IMGUI中的HorizontalScrollbar控件来实现血条，改变其thumb的大小即可达到预期效果 右击Hierarchy界面，选择Create Empty，创建一个空的游戏对象，并将其改名为HP-IMGUI 在Asset中创建一个Scripts文件夹，在其中创建脚本，脚本代码如下： using System.Collections; using System....
Unity3D 搭建优雅的UI框架
weixin_30919571的博客
10-04 1529
这篇文章是博主早年写的，当初年少不懂事，竟然取这个标题，那时候的我完全没能力写好UI框架。 现在楼主已经转行去当厨师了，各位看官非常抱歉了，浪费你们时间点进来。 为什么要使用UI框架？直接使用NGUI或UGUI一拖一拉直接搭载出界面不就行了？ 我相信很多小白，包括我在刚学习Unity3D UI的时候都这样想过。 我的第一款款Unity2D游戏《山地赛车》，使用的就是NGUI搭载界面。...
<Unity3D>Unity3D入门篇——第五讲 GUI控件（三）
zuoyamin的专栏
12-31 5591
六、Toolbar控件 Toolbar（工具栏）控件用于创建工具栏，并且以Tab页面的形式来显示的。当我们选中其中任意一项，将返回该项的ID。通常我们使用GUI.Toolbar()来绘制工具来，其返回值为int型，即选项的ID号。 Parameters（参数）： position : Rect —— 用于工具栏在屏幕上的矩形位置。 selected : int ——
Unity GUI学习
weixin_33749242的博客
12-28 130
为什么80%的码农都做不了架构师？>>> ...
Unity_UI学习（UGUI）
枫玥gy的博客
07-17 3360
目录   01.Canvas对象和EventSystem对象 02.Canvas组件 03.RectTransform组件 04.Image组件 05.Button组件 06.Text组件 07.ScrollRect组件、Mask组件 01.Canvas对象和EventSystem对象 Canvas对象 所有游戏节目里的UI元素（纹理、图像、按钮、滑动条等）都必须位于Canv...
【Unity3D】GUI控件
little_fat_sheep
07-06 4077
Unity 3D 提供了 GUI、NGUI、UGUI 等图形系统，以增强玩家与游戏的交互性。GUI 在编译时不能可视化，在运行时才能可视化。GUI 代码需要在 OnGUI 函数中调用才能绘制，布局分为手动布局（GUI）和自动布局（GUILayout）。 注意：屏幕坐标系以左上角为原点。 GUI 中主要包含以下控件： 1）Label：绘制文本和图片 2）Box：绘制一个图形框 3）Button：绘制按钮，响应单击事件
精通Unity3D全新UI系统
“Unity 3D UI Essentials”是一本专注于Unity3D新版UI系统的图书，由Simon Jackson撰写，由Birmingham-Mumbai的Packt Publishing出版。这本书是市面上唯一专门介绍Unity新UI系统的指南，旨在帮助读者提升游戏和应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值