原因应该是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。

GameObject go = new GameObject("Panels",typeof(RectTransform));

第一个参数是名字，第二个后面的是要给空物体添加的组件，这里天剑RectTransform，RectTransform就会替代Transform组件。

如果单单的调用点击的方法，按钮被点击的效果是不会被看到的。

private void OnGUI()
{
    if (GUILayout.Button("Button Click")) {
        // ExecuteEvents.Execute<IPointerClickHandler>(button.gameObject, new PointerEventData(EventSystem.current), ExecuteEvents.pointerClickHandler);
        //会有按钮点击的效果出现
        ExecuteEvents.Execute<ISubmitHandler>(button.gameObject , 
        new PointerEventData(EventSystem.current), ExecuteEvents.submitHandler);
    }

    if (GUILayout.Button("Image Click")) {
        //单单就是触发点击事件，添加了EventTrigger的Image
        ExecuteEvents.Execute<IPointerClickHandler>(img.gameObject , 
        new PointerEventData(EventSystem.current), ExecuteEvents.pointerClickHandler);
    }
}

ExecuteEvents等类都是在UnityEngine.EventSystems命名空间中

如果要使被遮挡的按钮都可以点击触发事件的发生。

1. 可以将遮挡的元素设置为按钮的子元素，但是整个被遮挡的物体都会被当成了按钮了。

2. 在遮挡的元素上添加Canvas Group组件，取消勾选Blocks Raycasts，忽略射线检测。

3. 在遮挡元素上添加UIFilter，重写过滤射线检测。

using UnityEngine;

public class UIFilter : MonoBehaviour, ICanvasRaycastFilter
{
    public bool IsRaycastLocationValid(Vector2 sp, Camera eventCamera)
    {
        return false;
    }
}

通过属性horizontalNormalizedPosition和verticalNormalizedPosition可以知道滑动到的区域。

范围都是[0,1]，就是将垂直或则水平可滑动的区域划分为[0,1]，0为开始，1为结束

可以用来将区域划分为页，注意1表示的是最后一页，所以每页的长度其实是1/(总页数-1)，也就是把1-0的区域划分为（总页数-1）页。

public class BasePanel : IDragHandler,IBeginDragHandler {
       
        private Vector2 prePosition;
        
        public void OnDrag (PointerEventData eventData){
        	Vector2 offset = eventData.position - prePosition;
        	this.transform.localPosition += new Vector3(offset.x,offset.y,0f);
        	prePosition = eventData.position;
        }
        
        public void OnBeginDrag (PointerEventData eventData){
        	prePosition = eventData.position;
        }

}

通过两次拖拽位置作比较，算出偏移多少，直接让目标对象也偏移多少，当然是本地坐标作移动