image控件显示图片_Unity之Image amp; Raw Image

推荐阅读：

我的CSDN
我的博客园
QQ群：704621321
我的个人博客

前言

在Unity中，图片组件主要有Image和Raw Image，今天，偶然发现了项目中别人有用到Raw Image，而号主却从未接触使用过，于是，好奇心驱使我去了解它。

初识组件

1.Image Image 组件是用来交互的组件 2.Raw Image RawImage 组件 , 是用来显示非交互的图像控件 , 用于装饰或者图标。一般用在背景、图标上,支持UV Rect(用来设置只显示图片的某一部分) 区别： 1.Raw Image 支持任何类型的纹理；Image 控件只支持 Sprite 类型的纹理 2.Raw Image支持UV Rect(用来设置只显示图片的某一部分)，而Image不支持UV Rect。

Image

组件属性介绍： 1.Source Image：指定展示的纹理图片。注意：Image只支持Sprite类型的图片。 2.Color：图片颜色。 3.Material：图片渲染材质。 4.Raycast Target ：能否进行射线检测。

图片除了上述几个属性外，如果制定了纹理图片，又会新增几个属性，属性面板变为如下：

4.Image Type：用于设定图片的显示类型，不同的显示类型会导致Sprite“填充”Image组件的方式不同。显示类型包括：（1）Simple：当Image与Sprite的大小不同时，Sprite将会被拉伸到与Image一样大。此操作可能会导致图片变形，如果不想让图片变形的话，可以勾选上PreserveAspect选项，Sprite将会根据Sprite原宽高比例进行拉伸。（2）Sliced：九宫格，经过九宫格处理的Sprite，在缩放过程中，会保持4个角的切片不做缩放，4个边的切片只完成拉伸，只有中间的切片做缩放操作。此模式默认勾选了Fill Center选项，如果取消勾选，Image不能完整显示，只会显示切片的边缘图片。（3）Tiled：地面砖平铺，此模式中Sprite本身大小会保持不变，Sprite会像铺地面砖那样填充满整个Image控件。（4）Filled：此模式一般用作“CD”技能冷却，让Image以一定地展现方式一部分一部分地完全展示出来。

Raw Image

RawImage功能上与Image组件类似，但是属性不完全相同。

组件属性介绍： 1.Textture：用于展示的纹理图片 (任意类型） 2.Color：同Image 3.Material：同Image 4.Raycast Target：同Image 5.UV Rect：设置UV缩放，偏移（即只让图片显示一部分，可使用图集）注意：x、y属性控制UV左右、上下偏移；W、H控制UV的重复次数。