zoukankan      html  css  js  c++  java
  • Unity3D实践系列10, Canvas画布的创建和使用

    Canvas是所有ui元素的父物体。

    当添加一个Button类型的GameObject后,在"Hierarch"窗口中自动添加了一个Canvas,以及EventSystem。

    在Canvas的Render Mode中有三个选择:

    1、Screen Space - Overlay 屏幕最上层,主要是2D效果。
    2、Screen Space - Camera 绑定摄像机,可以实现3D效果。
    3、World Space 世界空间,让UI变成场景中的一个物体。

    如果选择"Screen Space - Overlay", Canvas的"Rect Transform"项被锁定,此时,屏幕有多大,Canvas就有多大。

    另外在还可以让在Canvas中的Button自适应。选中Button,在"Inspector"窗口中的"Rect Transform",通过按着alt键把Button固定在相对于Canvas的某个位置,当Scene窗口大小变化,Canvas也随着变化,其中的Button也始终固定在Canvas的某个区域,呈现出自适应的效果。

    勾选"Pixel Perfect",在Canvas中的模糊效果消失,变得相对清晰。

    "Sort Order"的值用来决定不同的Canvas的层级效果。

    如果选择"Screen Space - Camera",UI跟着摄像机走。

     

    把"Hierarchy"中的"Main Camera"拖动到"Render Camera"属性框上。

    选中Button,能实现一些三维效果,而看到三维显示效果的前提是:Main Camera的"Projection"的属性值是"Perspective"。

    如果选择"World Space",Canvas就被作为Game Object,成为场景中的一个物体。利用这一点,可以很方便地添加跟随物体的UI。

     

    在Canvas的"Canvas Scaler(Script)"中, Dynamic Pixels Per属性用来调整字体的大小,Reference Pixels Per用来调整边框的粗细。选择Ui Scale Mode的不同项,会出现不同的属性供设置。

    Canvas的"Graphic Raycaster(Script)"用来调整射线。

  • 相关阅读:
    一个来自红帽的Java垃圾回收算法,试图把停顿时间降到10毫秒以下 原创 2017-01-10 薛命灯
    Filter 配置多个URL-PATTERN
    页面接口防刷 解决思路一nginx
    数据库 原理解析
    程序员提高工作效率的15个技巧【Facebook】
    我总是记不住的那几个代码
    自适应开发
    文字换行
    CSS对字体单位的总结
    页面距离总结
  • 原文地址:https://www.cnblogs.com/darrenji/p/4602199.html
Copyright © 2011-2022 走看看