美文网首页
UGUI 浅谈Canvas

UGUI 浅谈Canvas

作者: LeoYangXD | 来源:发表于2016-12-23 15:50 被阅读376次

UGUI是Unity5.0版本以后才开始出现,而NGUI是在4.几的版本已经出现了,所以UGUI没有NGUI功能完善。UGUI与NGUI最大的区别在于图集的方式,在UGUI中是不存在图集的,只有当项目打包成程序的时候,Unity就会自动把图片或者Sprite打包成图集。


Paste_Image.png

Canvas UI渲染方式

画布,所有的UGUI控件都必须在它的范围内,我们也可以创建多个Canvas


Paste_Image.png

右键单击,我们先创建一个Canvas,在创建这个的时候我们会发现他会自动生成一个EventSystem,(这个在后边会讲到),这是个事件系统在项目中有且只有一个。同时我们也发现,UGUI跟NGUI第一个区别就是没有摄像机,UGUI是通过渲染器直接渲染进去的。我们接着看Canvas的 Inspector面板


Paste_Image.png
  • RectTransform 这个在每个UGUI元素上边都带的有,而这个是灰色的我们不能修改。
  • Canvas
  • Render Mode
    1:Screen Space-Overlay:这种模式层级视图中不需要任何的摄像机,且UI出现在所有摄像机的最前面。
    而其中的Target Display这个适合Game视图和MainCamera都是相互对应的
Paste_Image.png
Paste_Image.png

2:Screen Space-Camera:这种模式需要绑定一个UICamrea,这种和NGUI 的渲染模式一样,甚至我们选这个的时候,UGUI的一些控件可能不能正常工作,(它支持UI前面显示3D对象和粒子系统,这句话是我在网上看到的,不甚理解,更不知真假)。
3:World Space:此时的UGUI和3D物体是一样的,可以被其他物体遮罩,UI离摄像机越远越小。

  • CanvasScaler 适配方式
  • UI Scale Mode字面理解就是UI缩放模式
    1 Constant Pixel Size 固定像素,不缩放。
    2 Scale With Screen Size 根据屏幕大小来缩放,下边的几个选项就是适配方式,大家可以自行研究


    Paste_Image.png

    3 Constant Physical Size 固定的物理尺寸(个人理解固定物体在世界坐标系的大小,不缩放)

  • Graphic Raycaster(不甚理解,猜测估计跟射线碰撞有关系)

注意

我们以前在NGUI 用代码去改变UI控件元素时,直接用脚本获取他的组件就可以,但是在UGUI中,我们需要注意几个点

  • 首先需要添加命名空间UnityEngine.UI
  • 加载预制体的时候要用泛型或者反射这两种方法去添加,用普通的会加载不了。
  • 改变他的图片时,后边不再是String型,而Sprite,我们要注意


    Paste_Image.png

相关文章

  • UGUI 浅谈Canvas

    UGUI是Unity5.0版本以后才开始出现,而NGUI是在4.几的版本已经出现了,所以UGUI没有NGUI功能完...

  • NGUI与UGUI的区别

    总结: 1、NGUI与UGUI的区别 2、uGUI的Canvas 有世界坐标和屏幕坐标 3、uGUI的Image可...

  • Unity-uGUI与NGUI

    一、 uGUI与NGUI的区别 1、uGUI的Canvas 有世界坐标和屏幕坐标。 2、uGUI的Image可以使...

  • Unity学习—UGUI使用

    关于Unity UGUI使用方面知识 必读参考 本文原地址:Unity学习—UGUI使用 画布 Canvas 渲染...

  • NGUI与UGUI的优缺点

    1. NGUI与UGUI的区别 uGUI的Canvas 有世界坐标和屏幕坐标 uGUI的Image可以使用mate...

  • UGUI源码分析:CanvasUpdateSystem 画布刷新

    系列 UGUI源码分析系列总览 CanvasUpdateSystem Related Class: Canvas...

  • 1. NGUI与UGUI的区别

    1) uGUI的Canvas 有世界坐标和屏幕坐标 2) uGUI的Image可以使用material 3) UG...

  • UGUI与NGUI的区别

    1.UGUI界面展示是在画布下(Canvas),而NGUI是在UIRoot下 2.UGUI继承RectTransf...

  • UGUI Canvas

    2D动画事件:Window→Animation 方法所在的脚本,与Animator必须在同一个游戏对象上 方法应是...

  • NGUI与UGUI的区别

    区别: 1、uGUI的Canvas 有世界坐标和屏幕坐标 2、uGUI的Image可以使用material 3、U...

网友评论

      本文标题:UGUI 浅谈Canvas

      本文链接:https://www.haomeiwen.com/subject/naehvttx.html