UGUI源码解析（十九）Image

Image

Image继承了MaskableGraphic, ISerializationCallbackReceiver, ILayoutElement, ICanvasRaycastFilter，提供了四种ImageType：Simple（普通）、Sliced（切割）、Tiled（平铺）、Filled（填充）。继承了ILayoutElement是一个布局元素，可以被各种布局组（ILayoutGroup）所包含，将它和其他布局元素进行布局。

OnPopulateMesh方法

重写Graphic的OnPopulateMesh方法，会在Graphic的Rebuild方法被调用，为CanvasRenderer的Mesh提供了顶点位置、顶点颜色、UV和三角形信息。根据图片设置的不同类型，生成不同的顶点、顶点颜色、UV和三角形信息。

Simple：

GenerateSimpleSprite方法

• 根据activeSprite的padding和RectTransform大小，重新计算顶点。
• 根据activeSprite的外侧UV信息GetOuterUV，设置UV。
• 把顶点，颜色，UV和三角形信息存入VertexHelper中。

Sliced：

GenerateSlicedSprite方法

• 生成36个uv点，九宫格里每一个格子对应4个uv点。
• 生成36个顶点，九宫格里每一个格子对应4个顶点。
• 中心区域被拉大，四角部分不变。当取消Image上的Fill Center的时候，中间区域变透明，这是因为中间区域顶点、UV等信息都没有。

Tiled：

GenerateTiledSprite方法

如果sprite有边界，那么便会生成跟GenerateSlicedSprite一样的结果，如果没有边界