【Unity笔记】关于UGUI的根节点Canvas

创建UGUI物体时,会自动创建Canvas物体作为所有UGUI的根节点。该物体身上有个Canvas脚本,Render Mode渲染模式选项:

  • Screen Space - Overlay:即使场景中没有任一可用Camera,所有UI依然能正常运行、显示。而且任何非UI元素的游戏物体都不能遮挡在UI元素之上(无论非UI物体怎么调位置)。
  • Screen Space - Camera:可传入某个Camera,指定该Canvas物体下的所有UI元素由哪个Camera来渲染。可指定UI到Camera的距离,调整该距离,其他非UI元素可以在UI元素的前面或后面。
  • World Space:该Canvas物体作为场景中的一个平面画布,可任意调整位置、旋转等。

Canvas物体身上的Canvas Scaler脚本

  • UI Scale Mode

    • Constant Pixel Size:按像素固定。不论屏幕大小如何变化,UI元素大小不变。
    • Scale With Screen Size:常用,按屏幕大小自动缩放,需要填写UI是在哪个分辨率下设计的。
  • Scale Factor:该Canvas物体下所有UI元素的缩放倍数。显示尺寸 = 监视面板尺寸 * 倍数。
  • Reference Pixels Per Unit:1米有多少个像素,默认100个。
时间: 2024-10-18 15:45:22

【Unity笔记】关于UGUI的根节点Canvas的相关文章

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

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

【Unity笔记】UGUI物体的渲染顺序

①不同Camera的Depth.(大在前,小在后)②同Camera的SortingLayer.(下在前,上在后)③同SortingLayer下的Order in Layer.(大在前,小在后)④同Order in Layer下的Z轴.(小在前,大在后) 注意: 如果是多个Canvas的渲染先后顺序 http://blog.csdn.net/huutu/article/details/43636241调Canvas下面有一个Sort Order值,默认为0,越大越在后面. 创建任意UGUI元素时自

【Unity笔记】UGUI的自动布局功能

一些RectTransform的物体(UGUI元素)已经实现了ILayoutElement接口,如Image. 如果一个RectTransform的物体(UGUI元素)的其中一个组件实现了ILayoutElement接口,同时这个RectTransform的物体又手动添加了一个LayoutElement组件,那么起作用的是新添加的LayoutElement组件(功能覆盖). Layout Group用户控制子物体的大小和位置,但它不能控制自己的大小. Grid Layout Group Cont

【Unity笔记】UGUI的Image、RawImage控件

Image控件只能使用Sprite图片,RawImage通常使用Texture类型图片.项目设为2D模式后导入的图片Texture Type会自动转为Sprite. 没有选择源图片时,可以只选择颜色. 关于Image Type: Simple:图片根据控件宽高自动拉伸,宽高比可变. Sliced:九宫图.需要给原图编辑九宫图的切割线后才能用. Tiled:瓦片.图片按原宽高布局,根据控件的大小,能以重复瓦片的形式填满控件,或者只显示原图的一部分. Filled:填充.可以选择填充方式(水平/垂直

【Unity笔记】UGUI物体的Rect Transform组件(Pivot中心点,Anchor锚点)

Pivot:自身中心点,图标是小蓝点.表示图片以哪个点来计算坐标值.默认在UI元素的几何中心点(0.5, 0,5). Anchor:锚点,图标是四个小三角形.表示该UI元素以父物体的哪个位置作为缩放参考,锚点不能选在父容器外面.父物体缩放时,影响到子物体的缩放,锚点4个点分开时,图片四个顶点距离锚点的距离,在伸缩时保持不变,控制锚点位置来控制缩放方式. PosX,PosY:自身中心点以锚点为原点的坐标值(依据锚点来设置位置的),必须锚点4个小三角合并在一个点上才出现该属性. Left,Right

unity, 在保持场景根节点Transform不变且Hierarchy结构不变的前提下整体旋转场景

比如我们摆出下面结构: 其Hierarchy如下: 其中根节点road的Transform是如下干净的原始状态: 现在想保持road的Hierarchy和Transform都不变的情况下将road旋转90度. 也就是说想把对road的旋转下放到子节点,当然,这样每个子节点就不止需要旋转还需要平移. 一个比较取巧的方法如下: 1,在road下添加子节点temp(其Transform为原始单位状态),将Cube(9)~Cube(12)全部拖到temp下,如图: 2,将temp旋转90度. 3,将Cu

GJM :Unity UI 之 UGUI 开发

转载URL:http://www.manew.com/thread-41633-1-1.html 最近因为要做各种UI控件,于是与UGUI杠上了.首当其冲的就是RectTransform,最坑爹的是,这货竟然不是UGUI框架的,代码竟然封装在unityengine里面,所以,不得不吐槽下unity的开源动机,根本就是留一手,估计只是因为自己的研发力量不足,所以开放一部分出来而已.       RectTransform继承于Transform,配合Canvas专门交给UGUI使用,具体这边就不展

C#操作XML学习之创建XML文件的同时新建根节点和子节点(多级子节点)

最近工作中遇到一个问题,要求创建一个XML文件,在创建的时候要初始化该XML文档,同时该文档打开后是XML形式,但是后缀名不是.在网上找了好些资料没找到,只能自己试着弄了一下,没想到成功了,把它记下来作为自己的学习笔记. 需求:创建XML文件,后缀名为.xwsp 初始化的文档节点如下: 1 <?xml version="1.0" encoding="UTF-8"?> 2 <xxxversion="1.0" name="

【JSTREE】 jstree-初始化时默认选中根节点

var contacttree = $('#contact-org').jstree({ "core" : { "animation" : false, "multiple" : false, "check_callback" : true, "themes" : { "icons" : true, "dots" : false }, "data"