首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >零基础入门 16: UGUI RawImage

零基础入门 16: UGUI RawImage

作者头像
韩东吉
发布2018-10-19 17:01:25
发布2018-10-19 17:01:25
1.6K0
举报

今天的内容会很简单,也会很短,分享一下UGUI的RawImage,那什么是RawImage呢?

RawImage是比Image还要原生的不可交互的贴图显示组件,那它和Image有什么区别呢?

进入正题


RawImage是UGUI的显示贴图的组件之一,它比Image更加的简单。

还记得前几篇分享的Image吧,Image这个组件的目标贴图只能支持Sprite类型的图片。其他的图片类型是不支持的,而RawImage则可以支持任何类型的贴图。

如下是Unity的贴图类型。

我们在项目中默认导入的图片类型都是Texture的。但是直接将这样的图片拖动到Image上是不被允许的。但是却可以拖动到RawImage上。如下图。

下面是贴图导入默认格式Texture显示图。

再来看看RawImage组件的内容和Image组件的内容对比

从上图可以看到,RawImage除了比Image多了对贴图UV的设置以外,其他的内容和Image基本一致。

所以RawImage直接区别于Image的点,就是对目标贴图的类型,可使用范围更多,但对贴图的操作使用却比Image稍少。

而实际项目中,RawImage还有另外一个使用的用途,那就是把摄像机(Camera)渲染(投射)出来的贴图显示在UI上。

如下图,我们在项目中创建一个RenderTexture。命好名后拖动到摄像机上。

此时我们运行,Unity会提示如下。

我们再创建一个摄像机,然后将MainCamera上的位置等信息全都赋值给新创建的摄像机。然后重新运行。

为了不被干扰,我们把测试的Image删掉,只保留RawImage。然后创建一个Cube立方体,放到摄像机的前面,然后对摄像机进行一些修改。可以让我们的摄像机把照射到的内容渲染到贴图上。

此时我们运行项目,然后把摄像机渲染的这张renderTexture拖给RawImage进行UI上的显示。

以上就是今天对RawImage的分享。

有了Image的基础,加上对RawImage的了解,以及在实际项目中的使用案例,相信大家可以对RawImage有一个很好的理解。

今天的内容就到这里咯。Bye~~~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-02-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 韩东吉的Unity杂货铺 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档