UGUI系列——RawImage应用

UGUI系列其他博文，可通过导航帖查看

一、基础概念

它就是一个可以直接显示Texture的Image

但是它多了一部分功能，就是可以控制UV
x，y，w，h的值的取值范围是0到1的，也就是他们代表的实际是百分比

首先说一下W和H
W（Width）：也就是宽度，代表了显示出的部分占原图片宽度的百分比
H（Height）：也就是高度，代表了显示出的部分占原图片高度的百分比
再说一下X和Y
X：代表显示出图片的横向下标
Y：代表显示出图片的纵向下标

这样子可能不好理解，那么下面我们举个例子，一看就明白了

二、应用

1）帧动画

我在网上找了个图片

这个时候每个图片宽度占整图的四分之一，所以W=0.25
这个时候每个图片高度占整图的二分之一，所以H=0.5
标记的值为（x，y）坐标

它代表的实际是每个小图片 左下角 在大图片中的位置

大图的左下角是坐标（0,0）

所以你用RawImage做帧动画的时候要比较注意

2）用于3D模型的2D展示

我们的相机有这样一个属性

就是可以把相机的内容渲染到一个Render Texture上

（1）Render Texture是需要我们自己创建的

（2）创建另外一个Camera并创建一个Cube

（3）创建的Render Texture分别赋值

（4）这个时候，你的RawImage显示的就是你第二步创建的相机显示的内容

我会在我的公众号上推送新的博文，也可以帮大家解答问题
微信公众号 Andy and Unity 搜索名称或扫描二维码

希望我们能共同成长，共同进步