0
点赞
收藏
分享

微信扫一扫

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


  • ​​GitHub开源地址​​
  • ​​Unity3D插件分享​​
  • ​​简书地址​​
  • ​​我的个人博客​​
  • ​​QQ群:1040082875​​


大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新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组件:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_ugui

三、RawImage 显示纹理组件属性

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_ugui_02

属性

介绍

Texture

用于显示的纹理贴图

Color

颜色

Material

材质

Raycast Target

是否响应射线点击

UV Rect

控制图片的偏移和大小

四、Raw Image的使用

4-1、相机映射

1、在Project视图,选择“Create→Render Texture”新建一个渲染纹理:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_unity_03

2、将相机的渲染信息映射给Render Texture:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_unity_04

3、将Render Texture的渲染信息映射给Raw Image:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_原力计划_05

就可以在RawImage中看到相机渲染的信息了:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_原力计划_06

4-2、播放视频

Raw Image还可以作为播放视频的容器。

1、在Project视图,选择“Create→Render Texture”新建一个渲染纹理:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_unity_03

这个渲染纹理将作为Video的渲染材质映射给RawImage组件,如下图所示:

【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解_原力计划_08

运行Unity即可在RawImage上播放视频。



举报

相关推荐

0 条评论