UIGU源码分析17：Image

最新推荐文章于 2024-12-25 14:39:15 发布

原创

最新推荐文章于 2024-12-25 14:39:15 发布 · 844 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#mesh #unity #游戏引擎

本文详细解析Unity UI中的Image组件工作原理及不同渲染模式，包括Simple、Sliced、Tiled和Filled模式，并介绍了每种模式的具体实现细节。

源码17：Image

Image可以说是用的最多得UI组件了，相比于RawImage来说也复杂得多

public class Image : MaskableGraphic, ISerializationCallbackReceiver, ILayoutElement, ICanvasRaycastFilter
{
		...
		
		[SerializeField]
        private Sprite m_Sprite;
        
            /// How the Image is drawn.
        [SerializeField] private Type m_Type = Type.Simple;
        
        ...
}

Image使用得图片资源是Sprite格式，这个需要在图片导入得时候在Inspector里吧TextureType 设置为Sprite

Image重写了Graphic里得OnPopulateMesh

    protected override void OnPopulateMesh(VertexHelper toFill)
    {
        if (activeSprite == null)
        {
            base.OnPopulateMesh(toFill);
            return;
        }

        switch (type)
        {
            case Type.Simple:
                if (!useSpriteMesh)
                    GenerateSimpleSprite(toFill, m_PreserveAspect);
                else
                    GenerateSprite(toFill, m_P