Unity5UGUI 官方教程学习笔记（一）Canvas

最新推荐文章于 2022-08-31 20:02:04 发布

转载最新推荐文章于 2022-08-31 20:02:04 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/OrangeZhang/p/5070094.html

文章标签：

#ui #游戏

本文深入探讨Canvas在UI渲染中的应用，包括多种渲染模式、关键属性及其在不同场景下的运用，提供实操指南。

Canvas

Canvas是控制一组UI元素将被渲染

所有的UI元素必须是Canvas下的子物体

一个场景中可以拥有多个Canvas

在创建UI元素时，如果没有Canvas，将会自动创建Canvas 并将该UI作为Canvas的子物体

Canvas拥有多个渲染模式

Screen Space - Overlay：默认的渲染模式

Pixel Perfect：勾选后，像素在呈现时将会调整到最近的像素在某些场景下可以进行锐化

Screen Space - Camera：由一个特定的摄像机进行渲染最常用的就是利用一个立体的相机给用户界面深度的感觉。

新建一个相机Render Camera 选为新建的立体相机，然后对Canvas内的UI元素的Rect Transform中的Rotation 进行旋转即可看到效果

Plane Distance ：调整画布接近或远离指定的摄像机，画布的大小会自动适应摄像机的视锥体大小

Word Space ：世界空间呈现UI元素这些UI元素可以是场景中静态对象或移动物体或玩家标签按照场景的游戏对象

Event Camera：决定哪个相机将使用检测活动，如点击UI元素

Receives Events：是否接收事件接收点击悬停事件，禁用该属性忽略的的事件 Canvas下所有UI元素

Sorting Layer ：排序顺序控制画布的渲染顺序

Order in Layer：秩序层

在Canvas下的UI元素呈现时自上而下的顺序越上方的再渲染时是最后的更改上下关系则会更改渲染的先后。

转载于:https://www.cnblogs.com/OrangeZhang/p/5070094.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30367945

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。

08-26

1万+

UGUI性能优化学习笔记（一）网格重建

夜槿笙歌的博客

11-29

1923

在UGUI中，Canvas负责将其下的子UI元素进行合批操作，也就是Batch。当子UI元素发生了变化时，Canvas就需要重新进行Batch操作。Batch操作具体到各个子元素上，就是执行它们各自的Rebuild操作，重新计算元素的布局和网格。Batch和Rebuild加起来构成了所谓的网格重建。

参与评论您还未登录，请先登录后发表或查看评论

Unity 3D DevLog 2nd

qq_22609521的博客

04-02

613

1.在同一场景中使用两个Canvas： CanvasA：Render Mode->Screen Space - Overlay CanvasB：Render Mode->Screen Space - Camera CanvasA会遮挡CanvasB的UI上的交互事件解决方案：将CanvasA置于一个父Canvas下，设置其父Canvas的Render Mode->Screen Space - Overlay ...

unity3d画笔画线功能

08-01

unity3d中实现基本的铅笔，直线，画圆，画矩形和输入文字的功能，以及保存文件，打开文件的功能。其中计算直线夹角和判断鼠标是否在线上使用了NN视频聊天组件的功能（免费哦，在Assets\Plugins目录下，聊天功能参考：http://blog.csdn.net/ensue/article/details/47157015

unity绘图板

04-01

国外高手用unity做的绘图板，包括画线、笔刷、橡皮擦、颜色和硬度，使用GL库让画线的平滑度很高

基于UGUI的画板功能

qq_42489774的博客

10-21

394

我这里用到了Qframeworke插件。如果不用的话你可以直接删掉相关的代码就可以了。废话不多说，先上代码！ using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using QFramework; using QF.Res; /// <su...

UGUI学习笔记（一）Canvas

夜槿笙歌的博客

08-31

789

画布（Canvas）是容纳所有UI元素的区域。当我们创建UI元素时如果场景中没有Canvas，Unity会自动创建一个，并将UI元素作为Canvas的子项。

UGUI-- Canvas对象及Canvas组件

Go_Accepted的博客

04-17

1185

1、Canvas渲染模式控制组件：画布，是UGUI中所有UI元素能够被显示的根本，主要负责渲染自己的所有UI子对象注意：如果UI控件对象不是Canvas的子对象，那么控件将不能被渲染，可以通过修改Canvas组件上的参数修改渲染方式 2、场景中可以有多个Canvas对象：可以分别管理不同画布的渲染方式，分辨率适应方式等参数（不常用）注意：如果没有特殊需求，一般场景上一个Canvas即可第二个Canvas对象需要通过UGUI单独创建，即右键新建Canvas对象 3、Canva.

UGUI_Canvas(包含UGUI官方Demo)

12-10

Demo里面包含UGUI渲染顺序的例子，还包含UGUI官方Demo以及我自己写的各种控件的使用，适合UGUI的初学者。

Unity编辑器 - 使用GL绘制控件

acwk0442的博客

02-23

480

Unity编辑器 - 使用GL绘制控件控件较为复杂时，可能造成界面卡顿，在EditorGUI中也可以灵活使用GL绘制来提升性能。以绘制线段为例： using UnityEngine; using UnityEditor; public class EditorGL { private static Material...

[原创]unity3D学习【功能实现】之五：在图片上显示文字或名字，可更改text mesh

J辉的博客

08-15

7770

mesh" TITLE="[原创]unity3D学习【功能实现】之五：在图片上显示文字或名字，可更改text mesh" /> mesh" TITLE="[原创]unity3D学习【功能实现】之五：在图片上显示文字或名字，可更改text mesh" />先看下效果吧。用处和目标：主要是用到text mesh这个组件。主要用在比如人物头上显示名称，或者用于可改变数字的仪表等等。步骤也很简单。

unity canvas 屏幕自适应

tianyongheng的专栏

06-01

1万+

untiy 屏幕自适应，一般根据固定宽或高进行适配 1.UI屏幕自适配 UI Scale Mode 设置为Scale With Screen Size; 注意 Math 设置需要根据实际需要分情况而定比如横屏：屏幕高度确定是1080，宽不确定，可能是双排，这是屏幕适配 with=0，界面设置比如竖屏屏幕宽度确定比如800，高度不确定，这时屏幕适配hight=1, 2.R...

在页面上的输入框中即可以输入文字,又可以动态的插入图片的功能.

u011927449的博客

11-12

4133

今天在做类似于qq那样的评论功能时,束手无策,在网上到处找答案,最后在一个很小很小的角落里受到了启发.认识了一个新的东西contenteditable. html代码如下: <div id="guo"...

Unity3D中在模型上贴上文字

只有偏执狂才能生存

08-18

1万+

在一个不规则的模型上贴上文字。我是用Render Texture。过程复杂了些，但可以用。 http://docs.unity3d.com/Manual/class-RenderTexture.html

【Unity3D入门教程】游戏开发利器UGUI的基本使用方法

weixin_34082177的博客

01-08

557

前言 UGUI是Unity官方推出的新一代交互系统，与传统的GUI相比，它具有使用灵活、界面美观、支持个性化定制的特点。本文将会进行UGUI使用的简单介绍，与大家一起敲开UGUI开发的大门。说到底，UGUI还是一种UI系统，目的就是帮助用户更好地与软件进行交互。本文将介绍canvas、image、button等。当学会了使用button和image等控件后，其...

【Unity3d】 Canvas对象

白字先生

01-18

1810

Canvas 对象 Canvas 组件 1.1: Canvas 组件作用 1.它是UGUI中所有元素能够被显示的根本 2.它主要负责渲染自己所有的子对象 3.场景上允许有多个Canvas ,一般情况有一个即可如果UI控件对象不是Canvas对象，那么控件将不能被渲染 Canvas控件上带有渲染方式 1.2: Canvas 渲染方式 1.Screen Space - Overlay：屏幕空间，覆盖模式，UI始终在前 1.1 Pixel Perfect：是否开启无锯齿精确渲染（性能换效

C#图片截取块并画在画板上带白边框带添加文字，截取支付宝的付款码

胡老汉的博客

04-26

1701

在项目中需要使用到截取支付宝的付款码，话不多说直接看图片这里需要提取中间的付款码，听在下面加文字，当然这里的图片上的付款码换成了其他的二维码，换我自己二维码也没有人转账给我，还是不要暴露自己为好就是这么个需求，下面开始撸码 html部分 <form action="Handler.ashx" method="post" enctype="multipart/...

Unity实现写毛笔字