【Unity3D-UGUI系列】（五）RawImage 显示纹理组件详解

推荐阅读

• CSDN主页
• GitHub开源地址
• Unity3D插件分享
• 简书地址
• 我的个人博客
• QQ群：1040082875

大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。

一、前言

首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。

UGUI的特点：

• 灵活
• 快速
• 可视化

对于开发者来说有很多的优点，比如说：

• 效率高
• 实现效果好
• 易于使用和拓展
• 与Unity编辑器的兼容性高

这是本系列文章的第五篇：
【Unity3D-UGUI系列】（一）Canvas 画布组件详解
【Unity3D-UGUI系列】（二）Text文本组件详解
【Unity3D-UGUI系列】（三）Button 按钮组件详解
【Unity3D-UGUI系列】（四）Image 图片组件详解
【Unity3D-UGUI系列】（五）RawImage 显示纹理组件详解
【Unity3D-UGUI系列】（六）Panel 容器组件详解
【Unity3D-UGUI系列】（七）Dropdown 下拉菜单组件详解
【Unity3D-UGUI系列】（八）InputField 输入框组件详解
【Unity3D-UGUI系列】（九）Scrollbar 滚动条组件详解
【Unity3D-UGUI系列】（十）Slider 滑动条组件详解
【Unity3D-UGUI系列】（十一）Toggle 开关组件详解
【Unity3D-UGUI系列】（十二）ScrollView 滚动视图组件详解

二、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上播放视频。