鲁达 请点击输入图片描述
大家喜欢玩 LOL 的朋友 这个界面应该很熟悉吧 , 我们点击主页 , 生涯 , 藏品等都会显示不同的界面出来 , 在Unity中如何实现呢 ? 从今天开始我们来学习Untiy中的 UGUI .
UGUI提供了强大的可视化编辑 , 大大提高GUI开发的效率 . 我们首先从最基础也是最重要的 Canvas (画布) 说起
Canvas (画布) 是所有 UI 组件的父物体 , 也就是说每一个 UI 组件都必须在 Canvas 下 , 作为 Canvas 的子物体 , 当你创建一个 UI 控件时 , 如果在 Hierarchy 视图没有 Canvas 组件的话 , unity会自动帮你创建一个 Canvas , 并将你想创建的 UI 控件置于 Canvas 下.
Canvas 的 Render Mode (渲染模式) 有三种 , 下面为大家介绍这三种渲染模式 :
- Screen Space - Overlay
这种渲染模式表示 Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 .
请点击输入图片描述
我们从网上随便找一张图片 , 拖入unity , 点击图片, 修改为 Sprite (如图) , 然后新建一个 Image , 把图片拖入到 Image 里 , 我们就可以看到这张图片了.
2. Screen Space - Camera
这种渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效
3. World Space
这种模式下 Canvas 就和普通的 3D 物体一样了 , 可以控制它的大小,旋转,缩放等 , 一般用来做血条
Canvas 是所有 UI 的基础 , 我们明天开始讲 UGUI 的 Text 组件 , 明天见 .