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

一、基础概念

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

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

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

二、应用

1)帧动画

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

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

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

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

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

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

UGUI系列——RawImage应用

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

UGUI系列——RawImage应用

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

UGUI系列——RawImage应用
UGUI系列——RawImage应用

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

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

相关文章:

  • 2021-12-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-13
  • 2021-11-16
  • 2021-06-17
猜你喜欢
  • 2021-05-08
  • 2022-01-20
  • 2022-12-23
  • 2022-12-23
  • 2021-04-06
  • 2022-12-23
  • 2021-11-14
相关资源
相似解决方案