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元素呈现时自上而下的顺序   越上方的再渲染时 是最后的  更改上下关系则会更改渲染的先后。

Unity5UGUI 官方教程学习笔记（一）Canvas的更多相关文章

  1. Unity5UGUI 官方教程学习笔记（四）UI Image

    Image Source image:源图片  需要显示的图片 Color:颜色  会与图片进行颜色的混合 Material:材质 Image Type:  Simple   精灵只会延伸到适合Rec ...

  2. Unity5UGUI 官方教程学习笔记（三）UI BUTTON

    Button Interactable :为了避免与该按钮产生交互,可以设置它为false Transition: 管理按钮在正常情况 ,按下,经过时的显示状态  None  按钮整正常工作 但是在按 ...

  3. Unity5UGUI 官方教程学习笔记（二）Rect Transform

    Rect Transform Posx    Posy   Posz  :  ui相对于父级的位置 Anchors :锚点  定义了与父体之间的位置关系    一个锚点由四个锚组成  四个锚分别代表了 ...

  4. Note | PyTorch官方教程学习笔记

    目录 1. 快速入门PYTORCH 1.1. 什么是PyTorch 1.1.1. 基础概念 1.1.2. 与NumPy之间的桥梁 1.2. Autograd: Automatic Differenti ...

  5. jfinal框架教程-学习笔记

    jfinal框架教程-学习笔记 JFinal  是基于 Java  语言的极速  WEB  + ORM  开发框架,其核心设计目标是开发迅速.代码量少.学习简单.功能强大.轻量级.易扩展.Restfu ...

  6. Webpack新手入门教程(学习笔记)

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 30.0px Helvetica; color: #000000 } ...

  7. 尚硅谷韩顺平Linux教程学习笔记

    目录 尚硅谷韩顺平Linux教程学习笔记 写在前面 虚拟机 Linux目录结构 远程登录Linux系统 vi和vim编辑器 关机.重启和用户登录注销 用户管理 实用指令 组管理和权限管理 定时任务调度 ...

  8. TypeScript 入门教程学习笔记

    TypeScript 入门教程学习笔记 1. 数据类型定义 类型 实例 说明 Number let num: number = 1; 基本类型 String let myName: string = ...

  9. JProfiler使用详细教程学习笔记

    JProfiler学习笔记    推荐文章:JProfiler 入门教程 一.安装JProfiler        从http://www.ej-technologies.com/下载5.1.2并申请 ...

随机推荐

  1. jsxtransformer.js 和browser.js有什么关系？

    这个确实是百度就能解决的问题 补充下楼上的回答在react 0.14前,浏览器端实现对jsx的编译依赖jsxtransformer.js 在react 0.14后,这个依赖的库改为browser.js ...

  2. Magento - get Attribute Options of the dropdown type attribute

      $attribute_code = "color"; $attribute_details = Mage::getSingleton("eav/config" ...

  3. 饿了么移动APP的架构演进（转）

    原文:http://www.jianshu.com/p/2141fb0dc62c 文/圣迪(简书作者)原文链接:http://www.jianshu.com/p/2141fb0dc62c著作权归作者所 ...

  4. oc 根据文件路径获取文件大小

    第一种封装: -(NSInteger)getSizeOfFilePath:(NSString *)filePath{ /** 定义记录大小 */ NSInteger totalSize = ; /** ...

  5. Php开源项目大全

    WordPress  [PHP开源 博客Blog] WordPress是最热门的开源个人信息发布系统(Blog)之一,基于PHP+MySQL构建.WordPress提供的功能包括: 1.文章发布.分类 ...

  6. 望大神批评教育国庆无聊之作：ObjectValidator

    起因: 本人国庆无聊,不知道干嘛, 所以模仿FluentValidation写了个简化版的ObjectValidator 个人设想是能用类似fluent的方式创建验证规则,然后使用者缓存并验证自己的对 ...

  7. 用过滤器和装饰者设计模式（静态代理）解决getParameter乱码问题

    post的乱码问题比较好解决,这里主要是对get请求的乱码做处理 解决思路:增强request对象的getParameter方法,使之 getParameter  直接获取到的就是解决乱码后的数据 有 ...

  8. zendStudio常用快捷键整理

    在来一发zendstudio的常用快捷键整理,今天心情不错哈哈 Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ct ...

  9. hdu 2276 Kiki & Little Kiki 2 矩阵快速幂

    题目链接 n个灯围成一圈, 1左边是n. 有两种状态, 1是亮, 0是不亮. 如果一个灯, 它左边的灯是亮的, 那么下一时刻这个灯就要改变状态, 1变为0, 0变为1. 给出初始状态和时间t, 问t时 ...

  10. numpy 札记

    transpose 在处理caffe读入的图片数据时,需要将原始图片的数据 H*W*3(height*width*RGB) 转换为 3*H*W(RGB*heigth*width) 需要用到numpy的 ...