Unity 之 UGUI Canvas画布组件详解

最新推荐文章于 2024-07-28 08:41:55 发布
最新推荐文章于 2024-07-28 08:41:55 发布
阅读量1.3w 收藏 4
点赞数 3
分类专栏： 《Unity 之 UGUI 控件详解》 文章标签： unity3d UGUI Canvas
未经作者同意，禁止转载
本文链接：https://blog.csdn.net/Czhenya/article/details/108809464
版权
本文详细介绍了Unity的UGUI Canvas组件，包括覆盖模式、摄像机模式和空间模式。Canvas的渲染模式影响UI元素的大小和位置，如Screen Space - Overlay适合全屏覆盖，Screen Space - Camera基于摄像机渲染，World Space则将UI视为场景对象。此外，还讲解了Canvas Scaler的使用，用于控制UI缩放和像素密度。
摘要由CSDN通过智能技术生成

Unity 之 UGUI Canvas画布组件详解

画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。

1, 画布 (Canvas)

绘制元素的顺序
画布中的 UI 元素按照它们在 Hierarchy 中显示的顺序绘制。首先绘制第一个子项，然后绘制第二个子项，依此类推。如果两个 UI 元素重叠，则后一个元素将显示在前一个元素之上。
1.1

要更改元素的显示顺序，只需在 Hierarchy 中拖动元素进行重新排序。也可以通过在变换组件上使用以下方法从脚本控制顺序：

  // 设置为父物体的第一个子物体 
  this.transform.SetAsFirstSibling
了解本专栏 订阅专栏 解锁全文
陈言必行
关注
专栏目录
订阅专栏
【Unity3D-UGUI系列】（一）Canvas 画布组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-26 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
Unity中UGUI中的Canvas以及三种画布渲染模式
Sinkiang的博客
05-04 2450
一、Canvas简介      Canvas画布是承载所有UI元素的区域。Canvas实际上是一个游戏对象上绑定了Canvas组件。所有的UI元素都必须是Canvas的自对象。如果场景中没有画布，那么我们创建任何一个UI元素，都会自动创建画布，并且将新元素置于其下。二、Canvas画布参数与应用1.创建画布　　当你创建任何一个UI元素的时候，都会自动创建画布。也可以主动创建一张画布：点击GameO...
【Unity UGUI】Canvas组件：用户界面的画布
最新发布
Unity打怪升级
07-28 285
在Unity的UGUI系统中，Canvas是一个至关重要的组件，它充当了用户界面元素的容器和渲染表面。Canvas组件不仅组织UI元素，还管理它们的渲染顺序和事件处理。本文将深入探讨Canvas组件的工作原理、特性以及如何使用它来构建和管理用户界面。
UGui 之 Canvas 组件
SuperLinmeng的博客
05-04 2469
UGui 之 Canvas 组件 Canvas有三种RenderMode（渲染模式） Screen Space - Camera (根据相机实时运动)要把Camera 拖进去 Render CameraPlane Distance 有点像z-index Canvas Scaler组件有三种 UI Scale Mode(缩放模式) Constant Pixel Size：像素大小始终不变，即一个10
UGUI-Canvas画布
Ryker的博客
01-12 636
Canvas就是画布；它是承载一些UI控件的画布 Canvas的创建有三种方式： 在Unity工具的顶部的菜单栏上的点击GameObject->UI->Canvas 在Hierarchy层级视图中点击鼠标右键弹出选择UI->Canvas 在Hierarchy层级视图中创建一个UI控件，比如Image;Text…系统自动会创建一个Canvas画布 Canvas 组件Canvas Scaler 组件
Unity UGUI之Canvas总结
andyqingliu的博客
01-18 1万+
由于项目需要了解Unity GUI，这两天初学UGUI，此为背景。（Unity版本是5.3.4p4） 先说UGUI方便之处，由于是unity自带GUI，当然相当方便，不用导入任何第三方插件就能画UI，很爽。新建一个UI，比如一个button,如果之前没有创建过任何有关UI的元素，引擎会自动创建一个名为Canvas的GO，这个GO自带Rect Transform组件，Canvas组件，Canvas
unity组件【Canvas相关】一
weixin_43043100的博客
07-17 350
Canvas && Graphic Raycaster属性结语 属性 画布组件表示进行UI布局和渲染的抽象空间。所有的UI元素都必须是附加了画布组件的游戏对象的子对象。 Render Mode：Ui在屏幕上作为3D空间对象进行渲染的方式。（Scene Spece-Overlay，Scene Space-Camera 和 World Space） （Scene Spece-Overlay：此模式下，画布会进行缩放来适应屏幕，然后直接渲染而不参考场景或摄像机 [ 即使场景中没有摄像机也会渲染
【Unity-UGUI控件全面解析】| Canvas 画布组件详解
努力前行，总会成为自己心中的那道光
04-28 2万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 创建新的 UI 元素（如使用菜单 GameObject > UI > Image 创建图像）时，如果场景中还没有画布，则会自动创建画布。UI 元素将创建为此画布的子项。 画布区域在 Scene 视图中显示为矩形。这样可以轻松定位 UI 元素，而无需始终显示 Game 视图。 画布 使用 EventSystem 对象来协助消息系统。
【Unity-UGUI控件全面解析】| Text文本组件详解
热门推荐
努力前行，总会成为自己心中的那道光
04-29 2万+
Text文本，是为了向用户展示非交互式的文本信息。用于在工程中显示文字的地方(常用)，简单来说只要能看到字的情况下，一般都是用的这个组件。 在Hierarchy视图，选择 UI→Text 新建Text文本：
【Unity-UGUI控件全面解析】| Button 按钮组件详解
努力前行，总会成为自己心中的那道光
05-02 2万+
Button 是UGUI中的可交互组件，在日常开发中会经常用到，也就是代表游戏中的按钮，可执行各种点击事件。 在Hierarchy视图中点击 Create→UI→Button 创建Button组件。
TWaver“一站式”UI组件提供包括网络拓扑图、地图、设备面板图、流程图、各种Chart图表、树图、表格等各种通用组件
08-19
TWaver HTML5（以下简称TWaver）使用HTML5技术和javascript语言，可在支持HTML5的浏览器上进行绘图。 使用TWaver前，需熟悉几个基本概念：图元（Element）、容器（DataBox）和画布（Network）。 图元：图形中的各种基本元素，如节点（Node）、连线（Link）等； 容器：图元都统一放置在一个容器（DataBox）中进行管理，如同“装鸡蛋的篮子”一样。它负责图元的增/删/改/查等管理操作； 画布：图元最终都绘制在画布（Network）组件上。Network是最终用户看到的图形组件，负责图形画面的具体绘制和交互；
Untiy2DUI拼接——构造Canvas
weixin_43842987的博客
04-22 354
Untiy2D——UI拼接 一、构造canvas（环境） 1.先建立一个Canvas 2.在Canvas下建立一个任意的UI组件 3.在该UI组件下在建立一个Canvas，并将第一层的Canvas的三个Component全部清除 4.将其拉成预制体 5.进入预制体中将其Canvas下的都清空即可 ...
【贪玩巴斯】Unity3D初学圣经(二)—— unity界面布局介绍 & unity常用面板介绍 「1-5 到 1-7」—— 2022年1月20日
D16100的博客
01-20 3980
【贪玩巴斯】Unity3D初学圣经 二—— unity界面布局介绍 & unity常用面板介绍 「1-5 到 1-7」—— 2022年1月20日本文对应视频P5 1-5 到P7 1-7unity初始界面介绍1.布局设置2.常用面板介绍scene面板的操作 本文对应视频P5 1-5 到P7 1-7 本博文为贪玩巴斯整理B站达内教育——Unity3D 2017版本笔记和个人心得 欢迎关注我的微信公众号： 编程之蓁 ID：bianchengzhizhen 及时分享算法、计算机科学以及游戏编程内容 微信
UGUI游戏界面
ht_game的博客
05-12 760
UGUI的基础元素 Text 描边和阴影 动态字体 字体花屏 Image组件 Raw Image组件 Button组件 Toggle组件 Slider组件 Scrollbar&ScrollView组件 事件系统 UI事件 UI事件管理 UnityAction和UnityEvent RaycastTarget优化 渗透UI事件 Canvas组件 自适应屏幕 锚点对齐方式 背景图全屏 布局组件 Canvas优化 Atlas 创建Atlas 读取Atlas Variant 多图集管理 UGUI实例 ..
Unity基础-----画布、文本组件、图片组件、按钮组件
m0_48701975的博客
06-20 383
画布即Canvas，我理解为相机前的遮罩层，Canvas会显示在相机的最前方。可以通过右键UI/Canvas进行创建，各种UI都是在2D平面上的，若是在3D项目中进行创建，视角如图：此时点击左上角的2D按钮，可以切换至平面视角。所有的UI组件都是基于Canvas画布的，一个场景中可以拥有多个画布，在Canvas组件下的Sort Order字段，可以设置显示的优先级，若需要将某个组件呈现在最上层，则给这个字段设置一个较大的值。
unity的canvas
qq_51476492的博客
06-29 5683
Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件置于Canvas下，Unity也会自动创建EventSystem，这个对象用来确定诸如鼠标输入的事件，这对 UI 组件来说也至关重要，比如按钮。。 这里要记录一下Canv
【unity】2.基础准备：创建Canvas
u012705912的博客
08-05 1370
在Canvas下新建UI-Raw Image，重命名为Background，作为扫雷游戏的背景。宽高调为1920*1080。用PS画一张背景图，存放在Images文件夹下。选中刚才创建的Background，将其Texture设为这张图片。选中Scenes中的SampleScene，将其修改为MineSweeper。在Hierarchy窗口右键，新建一个Canvas窗口。将Game的比例设为16:9，即可看到完整的背景图。
Unity UGUI Canvas画布中文详解-Chinar
ChinarCSDN的博客
05-22 9024
Unity UGUI-Canvas 画布,本文提供全流程，中文 助力对 Unity UGUI Canvas 有一个全面的认知 Canvas Attribute Canvas 属性 2.1 Screen Space-Overlay 覆盖模式 2.2 Screen Space-Camera 相机模式 2.3 World Space 世界模式 Canvas Scaler 画布的缩放 3.1 Constant Pixer Size 恒定像素 3.2 Scale With Screen Size 屏幕尺寸比例
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

陈言必行

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

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

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

打赏作者

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

抵扣说明：

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

余额充值