unity 给图片边缘_Unity之Image & Raw Image

程序员那些事

我是一个苦b的程序员，今晚加班到快通宵了，困得快睁不开眼了，女上司很关心，问我要不要吃宵夜。我没好气地说，宵夜就算了，能让我睡一觉就行了。女上司红着脸说了句讨厌啊，然后坐在我身边不动，好像距离我很近，搞得我很紧张，难道她发现我的程序出了bug？

前言

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

初识组件

1. Image：Image 组件是用来交互的组件

2. Raw Image：Raw Image 组件 , 是用来显示非交互的图像控件 , 用于装饰或者图标。一般用在背景、图标上,支持UV Rect(用来设置只显示图片的某一部分)

Image

Image组件属性介绍：

1. Source Image：指定展示的纹理图片。注意：Image只支持Sprite类型的图片。

2. Color：图片颜色。

3. Material：图片渲染材质。

4. Raycast Target ：能否进行射线检测。

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

     5.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

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

1. Texture：用于展示的纹理图片 (任意类型)

2. Color：同Image

3. Material：同Image

4. Raycast Target：同Image 5.UV Rect：设置UV缩放，偏移(即只让图片显示一部分，可使用图集)

注意：x、y属性控制UV左右、上下偏移；W、H控制UV的重复次数。

区别

1.Raw Image 支持任何类型的纹理 ；Image 控件只支持 Sprite 类型的纹理。

2.Raw Image支持UV Rect(用来设置只显示图片的某一部分)，而Image不支持UV Rect。

玩转游戏开发

长按识别

关注爱上游戏开发