• Canvas组件用于UGUI系统内的UI游戏物体的渲染
  • 三种渲染模式
    • Screen Space—— Overlay
    • Screen Space—— Camera
    • World Space
  • 分别对应于不同的渲染需求

屏幕空间覆盖模式

  • 屏幕空间指的是手机或电脑显示屏的2d空间,X轴和y轴
  • 覆盖模式,UI元素永远在3D元素前面,UI覆盖3d
  • Canvas 创建出来默认就是这种
注意
  • 该模式和摄像机无关,即使没有摄像机,UI游戏物体照样渲染
属性
  • Pixel Perfect 完美像素,UI和屏幕像素对应,UI图片不会出现锯齿边缘
  • Sort Order 排序层,场景内允许出现多个UGUI的画布,根据这个设置画布的深度层级

屏幕空间摄像机模式

  • 需要指定一个摄像机游戏物体给Render Camera属性
  • 隐藏掉摄像机,则无法渲染
  • Plane Distance 面板距离
  • 当指定为这个模式后,面板会自动附着到摄像机前方

WorldSpace模式

  • 世界空间模式
  • 设置成该模式后,UGUI相当于场景内一个普通的游戏模型,可以任意移动他们的位置
  • 但是注意大小
  • 可以应用于3d模式的跟随血条,VR项目的场景UI

总结

  • 在屏幕空间模式下,画布的大小都是不可以改变的,默认充满整个屏幕
  • UI组件的大小和位置可以调整,x=0,y=0则处于画面中心位置
  • 在世界坐标模式下,canvas向物体一样可以移动,可以改变大小,框子的范围不会影响子物体
  • 世界模式下canvas的子Image如果是simple模式,在等比例缩放的情况下,如果只拉动宽度,其高度的框子不会改变,虽然图片的高改变了

UGUI的Canvas相关推荐

  1. Unity中UGUI之Canvas属性解读版本二

    Canvas Render Modes(渲染模式) 1.在screen空间中渲染 2.在world空间中渲染 Screen Space-Overlay 在这个渲染模式中,UI元素将在场景的上面.如果场 ...

  2. UGUI笔记—Canvas、Image

    UGUI基础 Unity版本 2021.3.9f UI容器Canvas UI元素想要被相机渲染,要么挂载在Canvas节点下 要么自带Canvas组件 在场景中的UI元素的渲染以场景相机位置为准 Ca ...

  3. UGUI组件之Canvas 组件简单笔记

    Canvas 组件介绍 Canvas 组件的用途是用于 UGUI 系统内的 UI 游戏物体的渲染. 如果没有该组件,所有的 UGUI 游戏物体都将无法显示. 而 Canvas 组件本身又分为三种渲染模 ...

  4. unity图片拖不进去_Unity UGUI实现简单拖拽图片功能

    这一篇博客我们来使用 UGUI 实现图片的拖拽功能. 说到拖拽,那必然离不开坐标,UGUI 的坐标有点不一样,它有两种坐标,一种是屏幕坐标,还有一种就是 UI 在Canvas内的坐标(暂时叫做ugui ...

  5. [UGUI源码剖析]—Rebuild 网格重建(画布刷新)系统

    几个比较重要的类和接口: Canvas.CanvasUpdateRegistry.ClipperRegistry.LayoutRebuilder.LayoutGroup.Graphics.Maskab ...

  6. unity中NGUI与UGUI的区别?

    什么是UI? UI即User Interface(用户界面)的简称.泛指用户的操作界面,UI设计主要指界面的样式,美观程度.而使用上,对软件的人机交互.操作逻辑.界面美观的整体设计则是同样重要的另一个 ...

  7. Unity3D UGUI系列之合批

    目录 1. 什么是UGUI的合批 1.1 准备工作 1.2 批处理 1.3 批处理的意义 1.4 UGUI的合批 2 分析工具的使用 2.1 Frame Debugger的使用 2.2 Profile ...

  8. Unity UGUI 性能优化

    简介主要性能消耗点 rebatch Rebatch发生在C++层面,是指Canvas分析UI节点生成最优批次的过程,节点数量过多会导致算法(贪心策略)耗时较长.对应SetVerticesDirty,当 ...

  9. Unity UI系统-UGUI简介

    UGUI的简介: UGUI系统是从Unity 4.6开始,被集成到Unity的编辑器中Unity官方给这个新的UI系统赋予的标签是:灵活,快速和可视化!,简单来说对于开发者而言就是有三个优点:效率高效 ...

  10. Unity UGUI

    超详细的基础教程传送门:(持续更新中) Unity UGUI之Canvas&EventSystem:http://blog.csdn.net/qq992817263/article/detai ...

最新文章

  1. 2021年大数据Spark(五十一):Structured Streaming 物联网设备数据分析
  2. pandas使用np.where函数计算返回dataframe中指定数据列包含缺失值的行索引列表list
  3. Java 类加载全过程
  4. WPF无边框拖动、全屏、缩放
  5. 关于_WIN32_WINNT的含义
  6. 乐视android版本点四下,EUI5.9+Android7.0刷机包
  7. video.js android,VideoJS + HTML5自动播放失败,适用于Android 2.3+和IOS 4+
  8. Atitit mysql insert perf enhance 批量插入数据库性能 目录 1.1. 案一:使用ignore关键字 1 2. 异步插入 2 2.1. 其它关键:DELAYED  做为
  9. 大学英语综合教程一 Unit 3 课文内容英译中 中英翻译
  10. OSPF和ISIS协议的异同
  11. 非root用户安装或升级CUDA和CUDNN版本
  12. Android 自定义人体效果图之项目实战
  13. 一款超级好用的虚拟示波器软件
  14. Zcash中的zk-SNARK statements
  15. SLF4J: Class path contains multiple SLF4J bindings(log4j与logback冲突了)
  16. 群晖使用Linux命令,群晖216++常用命令及dokcer使用笔记「持续更新」
  17. 五个网络游戏植入商品营销的案例
  18. 打豪车应用:uber详细攻略(附100元优惠码)
  19. 与element-UI相媲美的前端UI组件库ArcoDesign 开源啦
  20. mmap函数参数讲解

热门文章

  1. 谦虚:让你备受人们的欢迎 — 《别输在不会表达上》
  2. adb如何使用javac编译java程序并且运行
  3. bzoj 2152 聪聪可可
  4. 创建5个组,然后把30个用户分别加入到5个组中
  5. 你所不知道的JavaScript数组
  6. 某里巴巴Java工程师常规面试题以及解答
  7. Android Application基本组成部分
  8. 使用索引的技巧知识点
  9. php扩展传参,c写php扩展传参学习记录
  10. 利用node.js以及express框架初始化服务端