UGUI基础：Image图片组件

Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源（导入图片后选择Texture Type为Sprite（2D and UI））。

Color（颜色）：图片叠加的颜色。

Material（材质）：图片叠加的材质。

Raycast Target（射线投射目标）：是否作为射线投射目标，关闭之后忽略UGUI的射线检测。

Image Type（图片显示类型）:

image.png

• 1、Simple（基本的）：
  图片整张全显示，不裁切，不叠加，根据边框大小会有拉伸。

• 2、Sliced（切片的）：图片切片显示，在Project页面选中图片，切换为Sprite（2D and UI）模式后，点击Sprite Editor进入图片裁切模式，将图片裁切为上图的形状，使用Sliced模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会拉伸5进行填充。也是制作带边角UI时很常用的一种模式。

• 3、Tiled（平铺的）：若图片已经过裁切，则使用Tiled模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会用5进行平铺填充。若图片未裁切，则使用Tiled模式后，根据图片边框拉伸，图片保持原大小不做变化，只是用自身平铺填充。

• 注意：使用2和3会有一个fill center的选项可勾选，通常勾选

• 4、Filled（填充的）：根据填充方式、填充起点、填充比例决定图片显示哪一部分。
  Fill Method（填充方式）：分为水平、垂直、90度圆、180度圆、360度圆。
  Fill Origin（填充起点）：根据填充方式不同有所变化。
  Fill Amount（填充比例）：0是完全不显示，1是完全显示。