【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解
推荐阅读
大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新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上播放视频。
相关文章
- 中间件:ElasticSearch组件RestHighLevelClient用法详解
- SpringBoot2 整合Kafka组件,应用案例和流程详解
- 第二十三节: EF性能篇(三)之基于开源组件 Z.EntityFrameWork.Plus.EF6解决EF性能问题 第四节:一些指令总结 定时调度系列之Quartz.Net详解 第十七节:易混淆的概念(静态和非静态、拆箱和装箱) 那些年我们一起追逐的多线程(Thread、ThreadPool、委托异步调用、Task/TaskFactory、Parallerl、async和await)
- 【Vue】【子组件】调用【父组件】参数,props属性值【动态】调用的两种方法(图文+完整代码)
- Qt组件屏蔽鼠标激活
- c++中调用Com组件的方法详解
- 详解Android中的四大组件之一:Activity详解
- Python GUI 设计(三)---Widget组件详解
- vue 组件 单选切换控制模板 v-bind-is
- java日志组件介绍(common-logging,log4j,slf4j,logback )
- macOS SwiftUI 高级之组件大小联动实现灵活高度宽度下拉菜单
- macOS SwiftUI 精品组件之Markdown预览解析组件实现定义组件(教程含源码)
- macOS SwiftUI 封装组件之日期选择器图形日历和钟表模式NSDataPicker (教程含源码)
- Vue--watch控制监听路由地址-组件的变化----'$route.path': function (newVal, oldVal)
- 【Unity3D-UGUI系列】(十一)Toggle 开关组件详解
- Odoo Tree视图颜色组件,各行不同颜色
- Unity 之 UGUI Image图像组件详解
- Unity 之 UGUI Button按钮组件详解
- Unity 之 UGUI Scrollbar滚动条组件详解
- Unity 之 UGUI Input Field输入组件详解
- 高性能 Socket 组件 HP-Socket v3.2.1 正式公布
- Vue学习第29天——路由的props配置项的详解与案例(对比组件props配置项)
- vue 自定义封装组件 使用 model 选项