这是我参与11月更文挑战的第5天,活动详情查看:2021最后一次更文挑战
推荐阅读
大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦。
一、前言
首先,介绍一个UGUI,NGUI是UGUI的前身,Unity开发团队将NGUI的开发团队收到自己开发团队下,并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。
UGUI的特点:
- 灵活
- 快速
- 可视化
对于开发者来说有很多的优点,比如说:
- 效率高
- 实现效果好
- 易于使用和拓展
- 与Unity编辑器的兼容性高
二、RawImage 显示纹理组件介绍
RawImage 组件是一个用来显示纹理的组件,常常跟Render Texture结合使用,用来映射相机的画面。或者用来截图显示等。
与Image不同的地方在于,Image只能显示Sprite图片,而RawImage可以显示任何纹理贴图。
在Unity的Hierarchy视图中选择“Create→UI→Raw Image”新建一个Raw Image组件:
三、RawImage 显示纹理组件属性
| 属性 | 介绍 |
|---|---|
| Texture | 用于显示的纹理贴图 |
| Color | 颜色 |
| Material | 材质 |
| Raycast Target | 是否响应射线点击 |
| UV Rect | 控制图片的偏移和大小 |
四、Raw Image的使用
4-1、相机映射
1、在Project视图,选择“Create→Render Texture”新建一个渲染纹理:
2、将相机的渲染信息映射给Render Texture:
3、将Render Texture的渲染信息映射给Raw Image:
就可以在RawImage中看到相机渲染的信息了:
4-2、播放视频
Raw Image还可以作为播放视频的容器。
1、在Project视图,选择“Create→Render Texture”新建一个渲染纹理:
这个渲染纹理将作为Video的渲染材质映射给RawImage组件,如下图所示:
运行Unity即可在RawImage上播放视频。