UGUI 详解

article/2025/10/6 14:38:00

1.RectTransform

RectTransform组件 继承自Transform组件,是2D界面中元素的Transform。
对比Transform增加了新的属性分别是:Anchor(锚点)和 Pivot(轴心点)
属性:
localPosition:图形中心点和物理(可设置)中心点(0,0)的相对位置
anchoredPosition(Inspector面板上的):锚点中心点和物理中心点相对位置
最安全获取UI宽高方式:

参考链接:
(107条消息) Unity3D RectTransform中文教程详细用法分析_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/86729600

2.UI渲染层级影响因素 

  1. Camera层级(Depth)
  2. 同一Camera下Canvas上的 Sorting Layer(手动添加该组件)
  3. Order in Layer(同layer内的渲染顺序)

  4. UI自然层级(UI的自然层级)

3.Canvas -- 画布

参考链接:
(108条消息) Unity UGUI Canvas画布中文详解-Chinar_Chinarcsdn的博客-CSDN博客_unity 子画布https://blog.csdn.net/ChinarCSDN/article/details/90432076

 对Canvas下的组件进行统一管理的组件:CanvasGroup

4.Image -- 图片

参考链接:
(110条消息) Unity UGUI Image 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90312137将一张图片切割成多张图片:
(109条消息) unity3d将一张图片切成多张图片_angelsmiles的博客-CSDN博客https://blog.csdn.net/angelsmiles/article/details/50464369

5.RawImage -- 未加工图片

参考链接:
(110条消息) Unity UGUI Raw Image中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90421857

6.Text -- 文本

参考链接:
(110条消息) Unity UGUI Text 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90185700

7.Mask -- 遮罩

参考链接:
(110条消息) UGUI Mask组件 使用_Unity李大馋师的博客-CSDN博客https://blog.csdn.net/weixin_42935398/article/details/119872803Tips:减少使用,会增加Drawcall

8.交互组件基类

Selectable:

 Transition Setting ——过渡类型

类型功能
None无过渡效果
Color Tint颜色过渡
Sprotes Swap图片过渡
Animation动画过渡

8.Button -- 按钮

 参考链接:
(110条消息) Unity UGUI Button 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90315653

9.Toggle -- 开关

参考链接:
(111条消息) Unity 3D UGUI Toggle用法教程_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/80287793

10.ToogleGroup -- 开关组

参考链接:
(111条消息) unity ugui Toggle Group详解(Chinar出品、简单易懂)_Chinarcsdn的博客-CSDN博客_togglegroup unityhttps://blog.csdn.net/ChinarCSDN/article/details/80317098

11.Slide -- 滑动器

参考链接:
(113条消息) Unity UGUI Slider滑动器中文详解-Chinar_Chinarcsdn的博客-CSDN博客_unity中sliderhttps://blog.csdn.net/ChinarCSDN/article/details/90620385

12.Scrollbar —— 滚动条 

参考链接:
(114条消息) Unity UGUI Scrollbar滚动条中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90680852

13.Dropdown —— 下拉菜单

参考链接:
(114条消息) Unity3D UGUI下拉菜单/Dropdown组件用法、总结_Chinarcsdn的博客-CSDN博客_unity的dropdownhttps://blog.csdn.net/ChinarCSDN/article/details/80261153

14.InputField —— 输入框

参考链接:
(114条消息) Unity UGUI InputField 中文详解-Chinar_Chinarcsdn的博客-CSDN博客https://blog.csdn.net/ChinarCSDN/article/details/90396117

15.ScrollView—— 滚动视图

参考链接:
(116条消息) Unity UGUI Scroll View中文详解-Chinar_Chinarcsdn的博客-CSDN博客icon-default.png?t=M666https://blog.csdn.net/ChinarCSDN/article/details/90524544?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165837268416782388059415%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165837268416782388059415&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-90524544-null-null.185^v2^control&utm_term=scroll%20view&spm=1018.2226.3001.4450

16.Layout —— 布局组件

参考链接:
(116条消息) Unity UGUI Scroll View中文详解-Chinar_Chinarcsdn的博客-CSDN博客icon-default.png?t=M666https://blog.csdn.net/ChinarCSDN/article/details/90524544?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165837268416782388059415%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165837268416782388059415&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-90524544-null-null.185^v2^control&utm_term=scroll%20view&spm=1018.2226.3001.4450


http://chatgpt.dhexx.cn/article/yL4aDueB.shtml

相关文章

UGUI学习笔记(八)UGUI不规则响应区域

一、Unity自带的点击策略 在上一篇文章中我们了解到,UI的默认响应区域是UI元素所在的矩形框线内的区域。这也就意味着,当UI的图形为不规则形状时,点击图形的外部也可能会触发事件。 但其实Unity自带了一种不规则区域点击策略。要想使用它&…

[Unity UGUI图集系统]浅谈UGUI图集使用

**写在前面,下面是自己做Demo的时候一些记录吧,参考了很多网上分享的资源 一、打图集 1.准备好素材(建议最好是根据图集名称按文件夹分开) 2、创建一个SpriteAtlas 3、将素材添加到图集中 4、生成图集 到此,我们的图…

Ngui和Ugui的区别

NGUI的元素更新: UIPanel.LateUpdate采用轮询的方式,每帧都会执行,并且每帧都会有UIPanel.UpdateWidgets这个函数的调用,做的事情就是对这些UI元素的位置、缩放等信息的获取,也就是即使没有变化的UI元素,也…

Unity—UGUI

每日一句:读数、学习 去更远的地方,才能摆脱那些你不屑一顾的圈子 目录 InputFiled输入框 例:用户名和密码 Toggle组件 案例:冷却效果 InputFiled输入框 Text Component 输入文本组件 Text输入内容 Character Limit 输入字符…

【Unity3D】UGUI概述

1 UGUI 与 GUI 区别 GUI控件 在编译时不能可视化,并且界面不太美观,在实际应用中使用的较少。UGUI 在编译时可视化,界面美观,实际应用较广泛。 2 Canvas 渲染模式(Render Mode) Screen Space - Overlay&a…

怎样使用UGUI

什么是 UGUI UGUI 是 Unity 自带的一套 GUI 系统,含有基本的一些 UI 控件。 UGUI 控件有哪些? 我们常用的有 Canvas,Text,Image,Button,Toggle,Slider,Scroll Bar,Scroll…

Unity3D UGUI系列之合批

目录 1. 什么是UGUI的合批1.1 准备工作1.2 批处理1.3 批处理的意义1.4 UGUI的合批 2 分析工具的使用2.1 Frame Debugger的使用2.2 Profiler-UI的使用 3 UGUI合批规则3.1 UGUI合批初体验3.2 UGUI合批被打断初体验3.3 UGUI合批规则详解3.3.1 合批规则3.3.2 合批规则示例13.3.3 合…

unity中NGUI与UGUI的区别?

什么是UI? UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得…

【UGUI】UGUI入门,系统介绍

Unity 2017.1.0f3 常用的UI控件 添加UI控件 创建UI控件时,如果没有Canvas和EventSystem系统会自动创建。 Canvas是画布,是所有UI控件的根类,所有UI控件都必须在Canvas上绘制。如果UI控件不在Canvas下,将无法正常渲染显示。 Eve…

UGUI框架

记录最新学习的UGUI框架。 UIType类保存面板基本信息(名称、路径),该面板会在具体的面板类里面(StartPanel)进行实例化。 public class UIType {private string name;public string Name { get > name; }private …

UGUI的简单理解

1.Canvas(画布) UGUI中几乎所有的组件都要在Canvas下搭建 2.EventSysteam(事件系统) 如果进行UI搭建的时候,缺少或删除了EventSysteam的话会导致UGUI中的组件无法交互,无法发生事件. 3.Panel 平时我们进行UI工程搭建的时候,我们都会先创建Panel面板,创建Panel面板的…

UGUI底层

关于UGUI底层的小知识---上 (转雨松momo) 1 | UGUI原理简述 1.1 原理 首先得生成显示UI用的Mesh,如图1-1所示,一个矩形的Mesh,由4个顶点,2个三角形组成,每个顶点都包含UV坐标,如果需要调整颜色&#xf…

UGUI组件详解

什么是 UGUI UGUI 是 Unity 自带的一套 GUI 系统,含有基本的一些 UI 控件。 UGUI 控件有哪些? 我们常用的有 Canvas,Text,Image,Button,Toggle,Slider,Scroll Bar,Scroll…

【Unity基础】ugui的基础知识篇

文章目录 前言一、常用用可视化控件1、Image2、RawImageI.和Image的区别 3、Text组件4、画布是怎么渲染出可视化UI的?II.这里整理一下渲染相关的关系图,如下: 5、关于画布的布局重构 二、Button交互组件1、Button组件的源码以及使用方式2、Button组件是如…

Unity之UGUI详解

UGUI 文章目录 UGUI六大基础组件概述Canvas对象上依附的:CanvasCanvas ScalerGraphic RaycasterRectTransform EventSystem对象上依附的:EventSystemStandalone Input Module Canvas画布组件Screen Space overlayScreen Space CameraWorld Space CanvasS…

using namespace std

整体认识 —— 解决命名冲突 一个简单的C程序&#xff1a; #include<iostream>using namespace std;int main(int argc,char **argv) {cout<<"hello world !"<<endl;system("pause"); // 让程序暂停,按任意键继续 注意&#xff0c;…

K8S:Namespace详解

Namespace概念 Kubernetes 支持多个虚拟集群&#xff0c;它们底层依赖于同一个物理集群&#xff0c;这些虚拟集群被称为命名空间。 命名空间 namespace 是 k8s 集群级别的资源&#xff0c;可以给不同的用户、租户、环境或项目创建对应的命名空间。 在创建pod的时候可以指定p…

TypeScript中的命名空间—namespace

TypeScript中的命名空间—namespace 什么是命名空间&#xff1f;在很多语言中都有这个概念。 命名空间是为了解决命名冲突。比如你在代码的不同地方&#xff0c;都定义了同名但是不同含义的函数、变量等&#xff0c;虽然不提倡这么做&#xff0c;但是有时候需要这么做。那怎么…

c++ 中的 namespace 用法

多人代码的整合&#xff0c;namespace 还是非常有用的。可以很轻松的避免变量与函数一样的命名 1. namespace 在 单个头文件 中使用 下面给一个简单示例演示命名空间和自定义头文件的使用&#xff0c;代码如下&#xff1a; compare.h&#xff1a; namespace compare{double…

【C++】命名空间(namespace) 以及理解using namespace std

命名空间 1.命名空间使用的背景1.背景 2.命名空间的定义&#xff08;namespace&#xff09;2.1正常的定义2.2 命名空间可以嵌套定义2.3允许命名空间相同 3.域作用限定符&#xff08;&#xff1a;&#xff1a;&#xff09;和命名空间的使用3.1域作用限定符&#xff08;&#xff…