Unity3D之UGUI基础3：Image图片

 

一、Image基本使用

Image组件用于显示图片资源或者纯粹的颜色

在导入图片资源之前，可以先对图片进行以下操作：

1. 必须：将图片的类型修改为“Sprite(2D and UI)”
2. 点击Sprite Editor给图片进行九宫划分（九宫模式必须）

图片的基础属性

• Source Image：这个就不用说了吧
• Color：图片的色调，当没有图片时显示的颜色
• Raycast Target：当前游戏物体是否接受射线，如果取消勾选射线会直接穿透该物体
• Image Type：图片的4种模式，下面有详细介绍
• Simple::Preserve Aspect：是否等比例缩放

 

三、四种图片模式

UGUI的四种图片模式和NGUI一致，所以可以参考这篇文章：Unity3D之NGUI基础5：UISprite显示图片

• Simple：默认模式
• Sliced：九宫模式，实现局部放大（防止图片失真），一般用于按钮设计，在使用该模式之前需要找到图片源，点击Sprite Editor给图片进行九宫划分，上面也有讲
• Tiled：平铺模式，FillCenter属性为是否只用九宫格中间区域平铺
• Flip：进度模式，Clockwish属性为是否反向填充