【Unity3D-UGUI系列】（一）Canvas 画布组件详解

最新推荐文章于 2025-06-20 08:54:33 发布
最新推荐文章于 2025-06-20 08:54:33 发布
阅读量1.2w 收藏 137
点赞数 44
CC 4.0 BY-SA版权
分类专栏： # Unity3D UGUI 文章标签： html5 ugui unity ui canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q764424567/article/details/119923544
本文是Unity3D-UGUI系列的第一篇，主要讲解Canvas画布组件，包括渲染模式、Canvas Scaler的缩放比例控制和Graphic Raycaster的射线点击响应。同时，介绍了EventSystem系统，包括其组件结构、运行流程和响应接口。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

推荐阅读

  大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。

很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。

一、前言

首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【Unity3D-UGUI系列】（十一）Toggle 开关组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-30 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第一篇： 二、Toggle 开关组件介绍 Toggle 开关组件顾名思义，就是用来模拟控制开发的组件。 主要使用的场景有，开关声
【Unity3D-UGUI系列】（二）Text文本组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-27 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
Unity之canvas
热门推荐
Arcobaleno
03-02 2万+
迫切需要了解一下Unity的画布功能。最近在用canvas的时候总是报错。也把这个踩坑过程记录下来。 Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity...
UGUI浅析
最新发布
faran69的博客
06-20 1493
UGUI（Unity Graphical User Interface）是Unity引擎内置的UI系统，其实现原理围绕。开发者可通过深入理解这些机制，构建高效、可维护的UI界面，并在性能与视觉效果间找到最佳平衡点。
Unity3d中UGUI组件精简复盘（二）Canvas及其相关组件
qq_1628941121的博客
06-09 3742
Canvas组件 canvas的三种渲染模式 所有的UI元素只有在Canvas下才能够正常显示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eYp0n4he-1622920236081)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210529205615721.png)] Screen Space - Overlay：UI元素始终在3D物体之上的 [外链图片转存失败,源站
Unity UGUI 之 详解Canvas画布组件
咩咩的博客
07-17 1358
画布
Unity UGUI的Canvas（画布）组件的介绍及使用
alianblank的博客
07-10 5546
Canvas（画布）是Unity UGUI系统中的一个重要组件，用于在屏幕上绘制UI元素。它是UI元素的容器，可以包含各种UI元素，如按钮、文本、图像等。Canvas组件提供了一种方便的方式来管理和渲染UI元素。
Unity组件大全之 Layout 组件 |（20）Canvas 画布
Unity打怪升级
09-15 1781
在Unity的UI系统中，Canvas是一个至关重要的组件，它作为所有UI元素的容器，负责管理和渲染用户界面。Canvas组件不仅可以组织UI元素，还控制它们的渲染顺序和事件处理。本文将详细介绍Canvas组件的工作原理、特性以及如何使用它来构建和管理用户界面。
【Unity3D-UGUI系列】（四）Image 图片组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-30 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第一篇： 【Unity3D-UGUI系列】（一）Canvas 画布组件详解 二、Image图片组件的介绍 Image图片组件，是
【Unity3D-UGUI系列】（十二）ScrollView 滚动视图组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-31 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第十二篇： 【Unity3D-UGUI系列】（一）Canvas 画布组件详解 【Unity3D-UGUI系列】（二）Text文本
unity的canvas
qq_51476492的博客
06-29 5789
Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件置于Canvas下，Unity也会自动创建EventSystem，这个对象用来确定诸如鼠标输入的事件，这对 UI 组件来说也至关重要，比如按钮。。 这里要记录一下Canv
轻量级在线表格（canvas ) 组件.zip
10-11
轻量级在线表格（canvas ) 组件.zip,A web-based JavaScript（canvas） spreadsheet
UIObject3D Render 3D Models on any Unity UI Canvas 1.01.unitypackage
05-25
非常好的插件，将模型显示在UI上。UIObject3D Render 3D Models on any Unity UI Canvas 1.01
【unity游戏开发入门到精通——UGUI】Canvas画布组件
向宇
04-13 1338
Pixel Perfect（像素完美）:是否开启无锯齿精确渲染（性能换效果）SortOrder（排序次序）：排序层编号（用于控制多个Canvas时的渲染先后顺序）Canvas的排序层级越高，会渲染在层级较低的前面TargetDisplay（目标显示）：目标设备（在哪个显示设备上显示）Additional Shader Channels（附加着色器通道）：其他着色器通道，决定着色器可以读取哪些数据顶点颜色始终使用加码色彩空间：用户界面顶点颜色始终采用Gamma色彩空间，与播放器设置无关。
canvas组件
u013671526的专栏
01-06 790
canvas 是一个画布组件，借由JavaScript的相关接口可以在画布上绘画操作。 利用document.getelementById("") 获得相关画板的实例，在借由getcontext("2d"),定义操作的环境。然后就利用衍生出来的来调用相关接口进行操作。
HTML5 组件Canvas实现图像灰度化
web开发
02-02 429
HTML5发布已经有很长一段时间了，一直以来从来没有仔细的看过，过年刚来随便看看 发现HTML5中的Canvas组件功能是如此的强大，不怪很多牛人预言Flash已死，死不死 不是我要关心的，我关心的Canvas可以很轻松在网页中实现简单相框和图像灰度化。 一起来看看HTML5 Canvas是怎么做到的吧！ 1. 新建一个html页面，在body tag之间加入 <canvas ...
Unity Canvas、Canvas Scaler、Graphic Raycaster、EventSystem 组件详解
明明明的博客
11-30 2123
Unity Canvas、Canvas Scaler、Graphic Raycaster 组件详解
Unity 3D UGUI 游戏界面 Canvas组件
songhuanfei2017的博客
10-21 1951
Canvas组件是UI的基础画布，所有UI元素都必须放在Canvas组件下面，并且它支持嵌套。 Canvas支持3种绘制方式，Overlay（最上层） Camera 和 World Space（3D布局），其中用的最多的是Camera，它可以把正交摄像机投影出来的UI元素绘制在Canvas面板上。 //--自适应屏幕 自适应屏幕需要画布，Canvas的同级需要绑定Canvas Sc...
unity 3D canvas简介
上冰子里的博客
10-12 1256
1、创建工程 导入资源：Assets→Import Package→Custom Package 创建场景文件：Assets→Folder→改名scene（改成其他名字，方便后续进行场景改正等等操作） 首先明确一点canvas就是UGUI的画布。 2、canvas的三种渲染模式： Screen Space-Overlay（系统默认，此类UI界面不需要摄像机）； Screen Space-Camer...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

恬静的小魔龙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值