using UnityEngine;
using UnityEngine.UI;

#if UNITY_EDITOR
using UnityEditor;
#endif

public class UIGray : MonoBehaviour {

    private bool _isGray = false;
    public bool isGray
    {
        get { return _isGray; }
        set
        {
            if (_isGray != value)
            {
                _isGray = value;
                SetGray(_isGray);
            }
        }
    }

    static private Material _defaultGrayMaterial;
    static private Material grayMaterial
    {
        get
        {
            if (_defaultGrayMaterial == null)
            {
                _defaultGrayMaterial = new Material(Shader.Find("UI/MyGray"));
            }
            return _defaultGrayMaterial;
        }
    }

    public void SetGray(bool isGray)
    {
        Image[] images = transform.GetComponentsInChildren<Image>();
        for (int i = 0; i < images.Length; i++)
        {
            Image g = images[i];
            if (isGray)
            {
                g.material = grayMaterial;
            }
            else
            {
                g.material = null;
            }
        }
    }

#if UNITY_EDITOR //提供编辑器预览
    [CustomEditor(typeof(UIGray))]
    public class UIGrayInspector : Editor
    {
        public override void OnInspectorGUI()
        {
            base.OnInspectorGUI();
            UIGray gray = target as UIGray;
            gray.isGray = GUILayout.Toggle(gray.isGray, "Is Gray");
            if (GUI.changed)
            {
                EditorUtility.SetDirty(target);
            }
        }
    }
#endif
}

Shader "UI/MyGray"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}
    }
    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 100

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            
            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            sampler2D _MainTex;
            float4 _MainTex_ST;
            
            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = TRANSFORM_TEX(v.uv, _MainTex);
                return o;
            }
            
            fixed4 frag (v2f i) : SV_Target
            {
                fixed4 col = tex2D(_MainTex, i.uv);

                float gray = dot(col.xyz, float3(0.299, 0.587, 0.114));
                col.xyz = float3(gray, gray, gray);

                return col;
            }
            ENDCG
        }
    }
}

相对于以前的自动打包图集，2017提供了可以自行打包和管理图集，只需要在Project视图中Create创建Sprite Atlas，选择图片或则整个文件夹打包到这个图集中。

还可以创建图集的变种，就是新建一个图集，复制事先打包好的图集，设置缩放，使图集变小，优化内存。

二、图集的加载

using UnityEditor;
using UnityEngine;
using UnityEngine.U2D;
using UnityEngine.UI;

public class Script_8 : MonoBehaviour {

    Sprite sprite = null;
    Sprite sprite1 = null;
    Image image = null;

    void Start () {
        image = this.transform.parent.GetChild(0).GetComponent<Image>();

        SpriteAtlas atlas = AssetDatabase.LoadAssetAtPath<SpriteAtlas>("Assets/8/New Sprite Atlas.spriteatlas");
        SpriteAtlas atlasMin = AssetDatabase.LoadAssetAtPath<SpriteAtlas>("Assets/8/New Sprite Atlas 1.spriteatlas");

        sprite = atlas.GetSprite("TIM图片20190401133117");
        sprite1 = atlasMin.GetSprite("TIM图片20190401133117");

    }


    private void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            if (image.sprite != sprite)
                image.sprite = sprite;
            else
                image.sprite = sprite1;
        }
    }
}

在Image中添加AspectRatioFitter，就会将图片全屏显示在父物体中。

WidthControlsHeight，让Height随着Width自动调节

HeightControlsWidth，让Width随着Height自动调节

FitInParent，宽度、高度、位置和锚点都会被自动调整，以使得该矩形拟合父物体的矩形内，同时保持宽高比例

EnvelopeParent，宽度、高度、位置和锚点都会被自动调整，以使得该矩形覆盖父物体的整个区域，同时保持宽高比

AspectRatio，为宽高比例

using UnityEngine;
using UnityEngine.UI;

public class Script_aspect : MonoBehaviour {
    
    void Start () {
        Rect rect = this.GetComponent<Image>().sprite.rect;
        AspectRatioFitter aspect = this.GetComponent<AspectRatioFitter>();
        aspect.aspectMode = AspectRatioFitter.AspectMode.EnvelopeParent;
        aspect.aspectRatio = rect.width / rect.height;
    }
}

using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class Script_5 : MonoBehaviour,IPointerClickHandler {

    public void OnPointerClick(PointerEventData eventData)
    {
        Debug.LogError("图片点击");
        PassEvent(eventData, ExecuteEvents.pointerClickHandler);
    }

    public void PassEvent<T>(PointerEventData data, ExecuteEvents.EventFunction<T> function) where T : IEventSystemHandler
    {
        List<RaycastResult> results = new List<RaycastResult>();
        EventSystem.current.RaycastAll(data, results);
        GameObject current = data.pointerCurrentRaycast.gameObject;
        for (int i = 0; i < results.Count; i++)
        {
            if (current != results[i].gameObject)
            {
                ExecuteEvents.Execute(results[i].gameObject, data, function);
                //break;
            }
        }
    }
}

//按钮的脚本
using UnityEngine;

public class Script_5_1 : MonoBehaviour {

    public void OnButtonClick()//方法在Inspector中绑定给了按钮
    {
        Debug.LogError("按钮点击");
    }

}

UGUI的点击事件是基于射线的。如果不需要响应事件，千万不要在Image和Text组件上勾选RaycastTarget。UI事件会在EventSystem的Update()方法中调用Process时触发。UGUI会遍历屏幕中所有Raycasttarget是true的UI，接着就会发射线，并且排序找到玩家最先触发的UI，再抛出事件给逻辑层去响应，这样无形中就会带来很多开销。我可以通过辅助方法，标记那些勾选了RaycastTarget的ui，这样就可以去发现那些不必要勾选了。

using UnityEngine;
using UnityEngine.UI;

public class ShowRayCatchUI : MonoBehaviour {

#if UNITY_EDITOR
    static Vector3[] fourCorners = new Vector3[4];
    private void OnDrawGizmos()
    {
        foreach (MaskableGraphic g in GameObject.FindObjectsOfType<MaskableGraphic>())
        {
            if (g.raycastTarget)
            {
                RectTransform rectTransform = g.rectTransform;
                rectTransform.GetWorldCorners(fourCorners);
                Gizmos.color = Color.blue;
                for (int i = 0; i < 4; i++)
                    Gizmos.DrawLine(fourCorners[i], fourCorners[(i + 1) % 4]);
            }
        }
    }
#endif
}

原因应该是4边的透明边缘留得太少了，有颜色的像素粘到了边缘，偏移的时候Raw Image用的边缘颜色来填充未定义的区域。

解决办法就是，重新作图，将图片的边缘的透明位置预留出来。

Raw Image修改顶点信息的源码

OnPopulateMesh重写的是从Graphic继承来的方法，使用它可以修改UI元素显示的顶点信息。

protected override void OnPopulateMesh(VertexHelper vh)
{
    Texture tex = mainTexture;
    vh.Clear();
    if (tex != null)
    {
        var r = GetPixelAdjustedRect();
        var v = new Vector4(r.x, r.y, r.x + r.width, r.y + r.height);
        var scaleX = tex.width * tex.texelSize.x;
        var scaleY = tex.height * tex.texelSize.y;
        {
            var color32 = color;
            vh.AddVert(new Vector3(v.x, v.y), color32, new Vector2(m_UVRect.xMin * scaleX, m_UVRect.yMin * scaleY));
            vh.AddVert(new Vector3(v.x, v.w), color32, new Vector2(m_UVRect.xMin * scaleX, m_UVRect.yMax * scaleY));
            vh.AddVert(new Vector3(v.z, v.w), color32, new Vector2(m_UVRect.xMax * scaleX, m_UVRect.yMax * scaleY));
            vh.AddVert(new Vector3(v.z, v.y), color32, new Vector2(m_UVRect.xMax * scaleX, m_UVRect.yMin * scaleY));

            vh.AddTriangle(0, 1, 2);
            vh.AddTriangle(2, 3, 0);
        }
    }
}

Rect的源码看不到了，设置的是x,y,w,z值，但是用的时候是xMin，xMax等的，xMin，yMin就是x和y值，而xMax = xMin+w；yMax = yMin + z。