Unity UGUI Raw Image中文详解

2024-07-12 03:42| 来源: 网络整理| 查看: 265

Chinar blog ：www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文图解)

Unity UGUI-Raw Image 组件

本文提供全流程，中文翻译。 Chinar 的初衷是将一种简单的生活方式带给世人使有限时间具备无限可能 Chinar —— 心分享、心创新！助力快速掌握 Unity UGUI Raw Image组件的使用为新手节省宝贵的时间，避免采坑！

Chinar 教程效果：在这里插入图片描述

文章目录 1 Presentation —— 介绍 1.1 Attribute —— 属性1.2 Texture Import Setting —— 图片导入设置 2Use —— 使用相机映射 2.1 Map the picture of a camera —— 映射一个相机的画面 2.2 Play video —— 播放视频支持 May Be —— 开发者，总有一天要做的事！

全文高清图片，点击即可放大观看 (很多人竟然不知道)

1 Presentation —— 介绍 Raw Image 组件是一个显示纹理贴图的组件，常用于与 RenderTexture 结合使用，映射相机画面与 Image 组件的区别是： Image 显示Sprite 精灵图片；而 Raw Image 可以显示任何纹理贴图。( 如：Texture 、Render Texture )

在这里插入图片描述

1.1 Attribute —— 属性

创建一个 Raw Image 组件看一下它的属性：

在Unity的 Hierarchy 面板上右键–>UI–>Raw Image 举个例子在这里插入图片描述选中我们创建的Raw Image对象

在这里插入图片描述下面看一下每个属性的详细功能

属性功能Texture用于显示的纹理贴图的引用Color图片的颜色Material渲染图像的材质Raycast Target能否接收到射线检测UV Rect控制 UI 矩形内的图像偏移和大小 1.2 Texture Import Setting —— 图片导入设置

为了在 Raw Image 组件上使用我们想要的纹理贴图，我们来导入一张图片到项目中

与 Image 不同的是 Raw Image可显示的是 Texture 类型刚导入的图片(也就是 Texture)默认是Default，所以无需设置，即可将图片添加到 Raw Image 组件上

举个例子这是一张导入后未经处理的图片在这里插入图片描述可以直接拖拽到 Raw Image 组件的 Texture 内

2 Use —— 使用相机映射

为了便于理解，我们来看几个 Raw Image 的常用案例

2.1 Map the picture of a camera —— 映射一个相机的画面

原理：在 Raw Image 对象上面显示指定相机所拍摄到的画面

第一步：创建一个 Raw Image 对象第二步：在 Project 资源管理面板右键创建一个 Render Texture 渲染纹理

举个例子在这里插入图片描述

第三步：选择想要映射的 Camera将创建的 Render Texture 分别添加引用，到我们所需要映射的 Camera 和 Raw Image 组件中

在这里插入图片描述

使用效果：在这里插入图片描述

2.2 Play video —— 播放视频

我们可以使用 Raw Image 组件实现视频的播放

第一步：创建我们的 Raw Image 对象，创建 Render Texture第二步：在 Raw Image 对象上添加 Video Player 组件第三步：导入视频文件并添加到组件响应位置第四步：将 Render Texture 添加到 Raw Image 和 Video Player 组件上

举个例子在这里插入图片描述

然后运行Unity 即可播放视频

在这里插入图片描述

至此：您已完美征服了 UGUI - Raw Image

其他组件请继续学习，贴心的 Chinar 为您准备了 UGUI 全套教程

Unity UGUI 完整系列教程 (Chinar中文图解)

支持 May Be —— 开发者，总有一天要做的事！拥有自己的服务器，无需再找攻略 Chinar 提供一站式《零》基础教程使有限时间具备无限可能！

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)

Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: [email protected] 对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址

【本文地址】

公司简介

联系我们