Unity之canvas

最新推荐文章于 2025-03-18 16:01:31 发布
最新推荐文章于 2025-03-18 16:01:31 发布
阅读量2.6w 收藏 82
点赞数 22
分类专栏： 游戏开发 & Unity 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/keneyr/article/details/88074876
版权

迫切需要了解一下Unity的画布功能。最近在用canvas的时候总是报错。也把这个踩坑过程记录下来。

Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。

Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件置于Canvas下，Unity也会自动创建EventSystem，这个对象用来确定诸如鼠标输入的事件，这对 UI 组件来说也至关重要，比如按钮。。

这里要记录一下Canvas的三种渲染方式：

1.Screen Space - Overlay

这种渲染模式表示 Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 ，主要是2D效果。

 2. Screen Space - Camera

这种渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效，主要是3D效果。

3. World Space

这种模式下 Canvas 就和普通的 3D 物体一样了 , 可以控制它的大小,旋转,缩放等 , 一般用来做血条。

plus：

勾选"Pixel Perfect"，在Canvas中的模糊效果消失，变得相对清晰。

"Sort Order"的值用来决定不同的Canvas的层级效果,当把画布设置为worldspace后，画布及画布上的UI对象在世界空间默认也是靠Z值来决定渲染顺序的，离相机远的先渲染。

基础可以先大致了解这些。然后是用Canvas开发的过程。

一般情况下都是用Canvas开发游戏的UI界面。因为我开发的类似于一个软件，所以就让canvas一直在屏幕最前方。

所以canvas下面的panel，也就是面板。面板是一个基本组件，我们可以通过脚本打开或关闭panel。创建panel以后场景就变成了如下的半透明，因为每个panel组件里都连接一个Image组件：

最低0.47元/天 解锁文章
【Unity】 Canvas及UI屏幕自适应的基本介绍
灵境引路人
05-23 2613
Canvas画布是UGUI系统最基础的容器类控件，所有的UI控件必须位于Canvas画布控件之内，即必须是Canvas容器的子控件。Canvas的主要功能是提供一个容器来放置和管理UI元素。可以通过设置Canvas的属性来控制UI元素的位置、层级、渲染方式以及与用户输入的交互。Canvas可以通过挂载在场景中的游戏对象上或在代码中动态创建。
unity panel 和 canvas_【笔记】Unity中搭建多元素混合UI的使用
weixin_39929723的博客
11-21 1918
最近的项目中搭建了两个UI场景——主菜单和关卡界面。因为题主是游戏美术背景就想得比较“放飞”，实现起来吃了不少苦头但是终于达到了与UE图95%以上的还原。所以来总结下这段经验。因为怕思绪乱掉，会以步骤的形式记录下：1.梳理出UI的流程图（flow-chart），理清思路。题主用的是在线流程图制作工具ProcessOn，一个非常好用的网站，至于流程图的图形一般的定义（比如菱形是判断框、矩形是执行框等...
Unity组件大全之 Layout 组件 |（20）Canvas 画布
Unity打怪升级
09-15 1622
在Unity的UI系统中，Canvas是一个至关重要的组件，它作为所有UI元素的容器，负责管理和渲染用户界面。Canvas组件不仅可以组织UI元素，还控制它们的渲染顺序和事件处理。本文将详细介绍Canvas组件的工作原理、特性以及如何使用它来构建和管理用户界面。
Unity UI Kit 快速入门指南
最新发布
小宝哥Code的专栏
03-18 578
基于 GameObject 和组件的传统 UI 系统- 更现代的、基于 XML/USS 的 UI 系统本指南主要聚焦于使用最广泛的 Unity UI (UGUI) 系统，但也会简要介绍 UI Toolkit。Unity UI 系统提供了创建交互式、响应式用户界面所需的所有工具。自定义 UI 控件创建UI 内置导航系统多语言本地化辅助功能支持基于 Timeline 的 UI 序列。
unity的canvas
qq_51476492的博客
06-29 5759
Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件置于Canvas下，Unity也会自动创建EventSystem，这个对象用来确定诸如鼠标输入的事件，这对 UI 组件来说也至关重要，比如按钮。。 这里要记录一下Canv
Unity UGUI的Canvas（画布）组件的介绍及使用
alianblank的博客
07-10 5285
Canvas（画布）是Unity UGUI系统中的一个重要组件，用于在屏幕上绘制UI元素。它是UI元素的容器，可以包含各种UI元素，如按钮、文本、图像等。Canvas组件提供了一种方便的方式来管理和渲染UI元素。
Unity Canvas 详解
TravelerTD_剑，酒与行者
09-09 8394
文章目录三种画布渲染模式Canvas ScalerConstant Pixel SizeScale With Screen SizeConstant Physical SizeCanvas GroupUI 自适应原理解决方法 三种画布渲染模式 Screen Space - Overlay（屏幕控件 - 覆盖模式）多用于 3D 游戏 画布会填满整个屏幕空间，并将画布下面的所有的 UI 元素置于...
Unity–UI框架-Canvas-EventSystem-Panel
m0_74263898的博客
12-09 2051
其中，第一种是最常见的渲染模式，也是画布的默认渲染模式设置，选择此种渲染模式，用户界面将覆盖场景，所有UI元素都将被绘制到该场景中渲染的其他内容之上，在这种模式下，canvas会自动填满屏幕，并且如果屏幕设置改变将自动调整大小，需要注意的是在这种模式下，canvas将主导矩形变换组件Rect Transform是不可编辑的，canvas将设置矩形变换Rect Transform中的所有值，以自动填充屏幕。，场景中可以有多个画布，但是UI元素至少需要一个可用的画布canvas，所有UI元素必须是画布的子项。
Unity 中 Canvas 的三种 Render Mode
qq_64875189的博客
03-16 924
在“Screen Space - Overlay”模式下，Canvas渲染出的UI元素会被视为一个覆盖在屏幕上的平面层。渲染时，UI元素会根据屏幕的像素坐标进行绘制，以确保在不同分辨率和屏幕尺寸下都能正确显示，且保持相对位置不变。UI元素会被投影到该摄像机的视锥体范围内，如同场景中的其他物体一样，会受到摄像机的位置、旋转以及视野范围（FOV）的影响。它们具有自己的位置、旋转和缩放属性，可以放置在场景中的任何位置，并参与场景的光照、阴影和遮挡计算。UI元素会像其他3D模型一样，受到场景中灯光和摄像机的影响。
Unity Canvas中显示粒子特效
weixin_50702814的博客
01-02 1527
记录Unity Canvas中显示粒子特效
Unity3d UI自适应CanvasScaler测试工程
06-10
在创建用户界面（UI）时，CanvasScaler是Unity3d中一个至关重要的组件，它负责处理UI元素在不同屏幕分辨率和设备尺寸下的适配问题。本测试工程主要探讨如何利用CanvasScaler实现UI的自适应。 CanvasScaler的核心...
Unity3d中UGUI组件精简复盘（二）Canvas及其相关组件
qq_1628941121的博客
06-09 3674
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 1252
画布
Unity技术手册-UGUI零基础详细教程-Canvas详解
空名先生
09-13 7766
Canvas是展示UI的基础，所有U控件都必须是其子类，所以我们需要详细知道该组件的功能。 当你创建一个UI控件时，如果在Hierarchy（层级窗口）下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件放于Canvas下，同时还会自动创建一个EventSystem，这个对象很重要，她是用来处理各种鼠标输入的事件的，是必不可少的一个功能。
Unity之canvas介绍
weixin_38081382的博客
04-17 787
最近在弄unity一个小游戏，被不同页面显示层数难倒了，记录一下canvas用法 Canvas的三种渲染方式： 1.Screen Space - Overlay 这种渲染模式表示 Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 ，主要是2D效果。 2. Screen Space - Camera 这种渲染模式 Canvas 和 ...
Unity UGUI（一）Canvas（画布）
JPF29
03-01 2005
Canvas（画布） 是所有UI物体的父物体，所有的UI物体都必须在Canvas下。 如果创建任意一个UI物体，如果Hierarchy视图没有Canvas组件，Unity会自动创建一个，并将创建的UI物体置于此Canvas下。 Render Mode：渲染模式 Screen Space - Overlay：屏幕空间 - 覆盖，UI位于屏幕最上层，不受相机影像。 Sc...
Unity Canvas vs Panel
weixin_30699741的博客
01-01 1132
Unity guys specifically gave a performance talk about UI Canvases on some of the past Unite(s). You won't have trouble finding it on Unity's YouTube channel (edit: here it is -Unite Europe 2017...
Unity Canvas设置
acuriousguy
05-14 4299
Raycast Target 如果UI元素不需要点击事件，取消勾选Raycast Target。因为UGUI的事件系统会遍历所有带Raycast Target 的组件。 Text 描边和阴影 OutLine 和Shadow 组件提供文本的描边和阴影。能用阴影不用描边，因为阴影多画一次，描边画4次。 ...
unity 3D canvas简介
上冰子里的博客
10-12 1229
1、创建工程 导入资源：Assets→Import Package→Custom Package 创建场景文件：Assets→Folder→改名scene（改成其他名字，方便后续进行场景改正等等操作） 首先明确一点canvas就是UGUI的画布。 2、canvas的三种渲染模式： Screen Space-Overlay（系统默认，此类UI界面不需要摄像机）； Screen Space-Camer...
unity 查找canvas
03-08
<think>好的，用户想了解在Unity中如何查找Canvas。首先，我需要回忆一下Unity中与UI相关的内容，特别是Canvas的作用和查找方法。 Canvas是Unity中UI组件的容器，所有UI元素都需要放在Canvas下才能正确显示。所以当用户需要查找Canvas时，可能有几种情况：可能在场景中存在多个Canvas，或者需要动态获取Canvas来进行操作，比如调整渲染模式、缩放设置等。 接下来，我需要考虑几种常见的查找方法。首先，使用GameObject.Find方法，但要注意如果Canvas的名称有空格或者特殊字符，可能需要正确输入名称。另外，如果Canvas被禁用，这种方法可能无法找到，所以需要提醒用户这一点。 然后是使用FindObjectOfType方法，这是更高效的方式，特别是当场景中只有一个Canvas时。但如果存在多个Canvas，可能需要使用FindObjectsOfType并处理返回的数组。但需要提醒用户注意性能问题，尤其是在频繁调用时。 还有一种情况是用户可能需要通过父对象或子对象来查找，比如在某个特定父级下查找Canvas，这时候可能需要使用GetComponentInParent或GetComponentInChildren方法。但这种情况可能相对较少，用户的问题可能更基础，所以可能暂时不提，除非用户后续有深入的问题。 另外，可能需要考虑Canvas是否在预制体中，或者是否在运行时动态生成，这时候查找方法是否适用。比如，Find方法只能查找场景中激活的对象，而动态生成的需要确保已经实例化后才能找到。 用户可能遇到的问题包括：为什么找不到Canvas？可能的原因有名称拼写错误、Canvas未激活、查找时机不正确（比如在Awake中查找但Canvas还未实例化）。需要提醒用户检查这些点。 另外，可能需要提到标签（Tag）或层级（Layer）的方式查找，但通常Canvas可能没有特别设置这些，所以可能不是首选方法，但可以作为备选方案。 最后，应该给出示例代码，说明如何在脚本中使用这些方法，并指出注意事项，比如性能、大小写敏感等。确保用户能够直接复制代码并应用到项目中，同时避免常见错误。 总结回答结构：先介绍Canvas的作用，然后分点列出不同的查找方法，每种方法的优缺点，示例代码，以及常见问题和解决方案。这样用户可以根据具体情况选择合适的方法，并解决可能遇到的问题。</think>在 Unity 中查找 `Canvas`（画布）是 UI 开发中的常见需求，以下是分步说明和注意事项： --- ### **1. Canvas 的作用** Canvas 是 Unity UI 系统的核心容器，所有 UI 元素（如按钮、文本等）必须放置在 Canvas 或其子对象下才能正确渲染。 --- ### **2. 查找 Canvas 的方法** #### **方法 1：通过名称查找** ```csharp // 直接通过名称查找（区分大小写） Canvas canvas = GameObject.Find("CanvasName").GetComponent<Canvas>(); ``` - ✅ 优点：简单直接 - ⚠️ 缺点： - 名称必须完全匹配（包括大小写） - 若 Canvas 被禁用或未激活，无法找到 --- #### **方法 2：通过类型查找** ```csharp // 查找场景中第一个激活的 Canvas Canvas canvas = FindObjectOfType<Canvas>(); // 查找所有 Canvas（返回数组） Canvas[] allCanvases = FindObjectsOfType<Canvas>(); ``` - ✅ 优点：无需知道名称 - ⚠️ 缺点： - 性能较低，避免在 `Update` 中频繁调用 - 如果场景中有多个 Canvas，需通过索引或逻辑判断目标 --- #### **方法 3：通过层级关系查找** 如果 Canvas 是某个父对象的子级： ```csharp // 从父对象中查找子 Canvas Canvas canvas = parentObject.GetComponentInChildren<Canvas>(); ``` --- ### **3. 常见问题与解决** #### **问题 1：找不到 Canvas** - 检查名称是否完全匹配（包括空格） - 确保 Canvas 处于激活状态（`GameObject` 的勾选框为蓝色） - 确认查找代码的执行时机（例如在 `Start` 中查找，而非 `Awake`） #### **问题 2：多个 Canvas 冲突** - 使用 `FindObjectsOfType<Canvas>()` 获取所有 Canvas，再通过逻辑筛选 - 通过 `Sorting Order` 或 `Render Mode` 区分不同用途的 Canvas --- ### **4. 最佳实践** - **缓存引用**：在 `Start` 或 `Awake` 中查找并缓存 Canvas，避免重复查找 - **使用 Tag**：为 Canvas 分配唯一 Tag，通过 `GameObject.FindWithTag` 查找 ```csharp GameObject.FindWithTag("UICanvas").GetComponent<Canvas>(); ``` --- ### **示例代码** ```csharp using UnityEngine; public class CanvasFinder : MonoBehaviour { private Canvas mainCanvas; private void Start() { // 方法 1：通过名称查找 mainCanvas = GameObject.Find("MainCanvas").GetComponent<Canvas>(); // 方法 2：通过类型查找 // mainCanvas = FindObjectOfType<Canvas>(); if (mainCanvas != null) { Debug.Log("找到 Canvas！"); } else { Debug.LogError("未找到 Canvas！"); } } } ``` --- 希望这些方法能帮助你高效定位 Canvas！如果有更具体的需求（如动态生成 Canvas），欢迎进一步提问 😊
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

keneyr

老爷~给小的赏点盘缠吧555~

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

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

打赏作者

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

抵扣说明：

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

余额充值