UGUI进阶组件[六]RawImage

RawImage与Image组件有些类似的地方,
但是它的用处比较特别但是在该特别的地方由特别有用:

  • 在UI上面显示三维模型或三维成像
  • 在UI上面显示某类切图动画

在UI上面显示某类切图动画

赋值的Sprite的类型是default的类型
即图片导入unity后的默认类型
RawImage一个特别的地方就是多出了uv坐标的设置
所以其实RawImage是用来做动画的
RawImage设置的图片一般是所有的动画集中到一张图片的
通过设置uv坐标来设置动画

这里的uv和材质里面的uv基本是一个概念
w和h属性如果都是1的话
则图片的所有内容都会显示出来
w和h需要调节到单个动画的图片所占的比例大小来让RawImage组件
只显示里面的一个动画

注意在RawImage的uv坐标中
原点在整个图片的左下角
每个动画分图的坐标系代表的是分图的左下角的位置
uv坐标系的两个轴的范围都是0到1
代表的是比例值

最后根据实际的情况需要编写一个脚本
根据策划配表或者其他的方式来对一个RawImage进行动画播放

在UI上面显示三维模型或三维成像

指定某个摄像机为三维渲染摄像机A,
A的成像在Camera的Inspector面板指定TargetTexture为Project窗口里面的某个创建的RenderTexture
这个操作表示的意思是摄像机的成像是在该RenderTexture上面

然后再创建一个RawImage 这个RawImage的Texture属性指定的是
刚刚创建的RenderTexture,这样A的显示内容就显示在RawImage上面了

对A的属性调节可以将A的背景去掉或者让A只渲染某个层级的物体
当然可以在RawImage上面添加一个Mask组件来显示它的显示形状

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

染指流年丨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值