UGUI之Canvas和EventSystem

先介绍一下UGUI必不可缺的两个组件:Canvas和EventSystem

事实上在场景中第一次创建UGUI控件的时候,这两个物体都会自动添加到场景中,当然,必不可缺的不是这两个物体,而是他们身上挂载的组件。

一、Canvas作为所有UGUI控件的父级,他管理着下属所有控件的布局。

Canvas组件:

Render Mode(渲染模式):这里一般选择Screen Space - Camera,类似于NGUI的方式用特定的UI摄像机渲染UI,这种渲染模式个人觉得是最佳的,他完全将场景物体和UI进行了分类管理,使得后期开发更加的醒目和易于管理。

Render Camera(渲染相机):设置好独立相机渲染模式,这里为其指定一个渲染UI的相机,该相机的属性要做一些必要的调动。

Clear Flags设置为Depth only(只渲染深度),Culling Mask只保留UI层,Projection设置为Orthographic(正交模式),Depth深度的值必须大于场景主摄像机的值,这样UI才会一直保持在场景物体之上。

Canvas Scaler组件:

Ui Scale Mode(UI缩放模式):也就是UI在自适应时的缩放方式,这里选择第二种方式跟随屏幕缩放。

Reference Resolution(参照分辨率):一般设置为1920*1080,当下主流的最佳分辨率,UI整体将根据16:9的方式适应缩放。

Graphic Raycaster组件:

该组件作为UGUI开启射线投射必不可缺的组件,其属性我们就不用去动了,保持初始值即可。

二、EventSystem作为的是整个UGUI的事件系统(当然他也可以分配非UI物体的事件)。

Event System组件:事件获取与分发必不可缺的组件

Standalone Input Module组件:标准输入模块

Touch Input Module组件:触摸输入模块

这三个组件都是必不可缺的,没有必要的话,我们不必去改动其属性,保持初始值即可。

完成了这两步,接下来就可以进行UGUI界面的开发了。

时间: 2024-10-09 23:07:19

UGUI之Canvas和EventSystem的相关文章

Unity引擎GUI之Canvas和EventSystem

最近想写一套关于UGUI所有控件的基础使用教程系列,主要是根据本人的使用心得以及部分测试附带字面翻译来写的,所以其中可能难以避免会有不正确的地方. 好了进入主题,既然是第一篇,我觉得我有必要先介绍一下UGUI必不可缺的两个组件:Canvas和EventSystem 事实上在场景中第一次创建UGUI控件的时候,这两个物体都会自动添加到场景中,当然,必不可缺的不是这两个物体,而是他们身上挂载的组件. 一.Canvas作为所有UGUI控件的父级,他管理着下属所有控件的布局. Canvas组件: Ren

Unity2017.1官方UGUI文档翻译——Canvas

Canvas 画布 The Canvas is the area that all UI elements should be inside. The Canvas is a Game Object with a Canvas component on it, and all UI elements must be children of such a Canvas. Creating a new UI element, such as an Image using the menu GameO

UGUI之Canvas Group

可以通过Canvas Group影响该组UI元素的部分性质,而不需要费力的对该组UI下的每个元素逐个调整.Canvas Group是同时作用于该组UI下的全部元素. 参数:Alpha:该组UI元素的透明度.需要注意,每个UI最终的透明度是由此值和自身的alpha数值相乘得到.Interactable:是否需要交互(勾选则可交互),同时作用于该组全部UI元素Blcok Raycasts:如果需要图形射线(GraphicRaycaster)检测.勾选后,可将此组件作为一个射线碰撞盒.注意,不适用于P

【UGUI】Canvas和Rect Transform

Canvas 1.所有的UI元件都需要放在Canvas里 2.UI元件的绘制顺序,与在 Hierarchy的顺序相同,在上面的元素会先被绘制,位于后续绘制元素的下面 3.可以选择3种不同的渲染模式: Screen Space - Overlay 类似于深度摄像机,会将UI渲染到游戏场景的最前面 Screen Space - Camera 类似于深度摄像机,但是可以选择一个Camera来渲染UI,因此可以调整Camera的相关属性 World Space 把UI看做3D空间中的一个Object来渲

Unity2017.1官方UGUI文档翻译——Canvas Scaler

Canvas Scaler 画布缩放器 The Canvas Scaler component is used for controlling the overall scale and pixel density of UI elements in the Canvas. This scaling affects everything under the Canvas, including font sizes and image borders. “画布缩放器”组件用于控制画布中UI元素的整

【Unity笔记】UGUI中Canvas屏幕适配

1.通过RectTransform中的Anchors和Pivot来进行控件和窗体的布局适配. Anchors控制当前Panel相对于父窗体的布局位置,可以设置为居中或者左上角,当父窗体拉伸的时候当前Panel可以自动布局到正确位置.同时这里可以设置拉伸,比如主界面一般是全屏拉伸的,这种情况可以在这里处理. Pivot是当前控件坐标系的锚点位置,通过代码调整坐标位置的时候需要注意这个的设置. 2.通过CanvasScaler的设置来进行多分辨率适配.UiScaleMode一般选择Scale Wit

Unity3D之UGUI学习笔记(一):UGUI介绍以及Canvas

UGUI是Unity3D4.6官方提供的UI系统,支持2D和3D UI的开发. Unity3D UI史 OnGUI 在Unity4.6之前,官方提供的是OnGUI函数来开发UI界面,当然问题也比较多,首先不支持可视化开发,其次UI始终位于所有3D对象的上方,无法实现在UI上添加3D模型的效果. 现在一般这套系统多用来在Unity编辑器中开发界面或者快速搭建一些调试界面时使用. NGUI 大名鼎鼎的NGUI是可以看做是开发Unity游戏必备的插件,支持可视化开发,同时也支持2D和3D UI的开发,

Unity3D - UGUI的手动搭建

了解UGUI组件的搭建方式,有助于搭建我们自己的UI界面. Text 文本 text 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Text组件即可实现与text空间相同的功能. Image 图像 Image 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Image组件即可实现与Image控件相同的功能. Raw Image 原始图片 Raw Image 和 Image基本相同, 功能上Raw Image比I

unity中 UGUI的按下、拖动接口事件的实现

using UnityEngine; using System.Collections.Generic; using DG.Tweening; using UnityEngine.EventSystems; using UnityEngine.UI; public class testUI : MonoBehaviour, IPointerClickHandler, IPointerDownHandler, IPointerUpHandler, IDragHandler, IEndDragHan