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组件来显示它的显示形状

发布了84 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43149049/article/details/103673778
今日推荐