UGUI系列——RawImage应用

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

一、基础概念

它就是一个可以直接显示Texture的Image
UGUI系列——RawImage应用_第1张图片
但是它多了一部分功能,就是可以控制UV
x,y,w,h的值的取值范围是0到1的,也就是他们代表的实际是百分比

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

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

二、应用

1)帧动画

我在网上找了个图片
UGUI系列——RawImage应用_第2张图片
这个时候每个图片宽度占整图的四分之一,所以W=0.25
这个时候每个图片高度占整图的二分之一,所以H=0.5
标记的值为(x,y)坐标
UGUI系列——RawImage应用_第3张图片
它代表的实际是每个小图片 左下角 在大图片中的位置

大图的左下角是坐标(0,0)

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

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

我们的相机有这样一个属性
UGUI系列——RawImage应用_第4张图片
就是可以把相机的内容渲染到一个Render Texture上

(1)Render Texture是需要我们自己创建的

UGUI系列——RawImage应用_第5张图片

(2)创建另外一个Camera并创建一个Cube

UGUI系列——RawImage应用_第6张图片

(3)创建的Render Texture分别赋值

UGUI系列——RawImage应用_第7张图片
UGUI系列——RawImage应用_第8张图片

(4)这个时候,你的RawImage显示的就是你第二步创建的相机显示的内容

UGUI系列——RawImage应用_第9张图片
我会在我的公众号上推送新的博文,也可以帮大家解答问题
微信公众号 Andy and Unity 搜索名称或扫描二维码
UGUI系列——RawImage应用_第10张图片
希望我们能共同成长,共同进步

你可能感兴趣的:(UGUI,Unity,UnityGUI应用,Unity,UGUI,RawImage,帧动画,分屏)