UGUI ScrollRect滑動居中CenterOnChild實現

NGUI有一個UICenterOnChild腳本，可以輕松實現ScrollView中拖動子物體后保持一個子物體位於中心位置。然而UGUI就沒這么方便了，官方並沒有類似功能的腳本。網上找到一些運行效果都不對，可能因為UGUI需要配置的東西太多，RectTransfrom不同設置效果就不一樣。故自己實現了該功能，使用時的配置如下：

1. 僅適用於水平方向拖動的ScrollRect。
2. ScrollRect中的Grid必須使用GridLayoutGroup。
3. 由於需要知道ScrollRect的寬度以便計算中心位置，故ScrollRect的Anchors的四個小三角中的上面或者下面的一對角不得分離，不然寬度計算出錯，即需要：Anchors.Min.x == Anchors.Max.x。最好四角合一。
4. 由於是通過設置ScrollRect's content的localPosition實現，故需要將ScrollRect的中心點Pivot與content的中心點均置於自身最左邊(0, 0.5)。
5. 由於第一個與最后一個子物體需要停留在中間，故ScrollRect的Movement Type需要設置為Unrestricted。該項會在運行時自動設置。

代碼如下：

    /// <summary>
    /// 
    /// 拖動ScrollRect結束時始終讓一個子物體位於中心位置。
    /// 
    /// </summary>
    public class CenterOnChild : MonoBehaviour, IEndDragHandler, IDragHandler
    {
        //將子物體拉到中心位置時的速度
        public float centerSpeed = 9f;

        //注冊該事件獲取當拖動結束時位於中心位置的子物體
        public delegate void OnCenterHandler (GameObject centerChild);
        public event OnCenterHandler onCenter;

        private ScrollRect _scrollView;
        private Transform _container;

        private List<float> _childrenPos = new List<float> ();
        private float _targetPos;
        private bool _centering = false;

        void Awake ()
        {
            _scrollView = GetComponent<ScrollRect> ();
            if (_scrollView == null)
            {
                Debug.LogError ("CenterOnChild: No ScrollRect");
                return;
            }
            _container = _scrollView.content;

            GridLayoutGroup grid;
            grid = _container.GetComponent<GridLayoutGroup> ();
            if (grid == null)
            {
                Debug.LogError ("CenterOnChild: No GridLayoutGroup on the ScrollRect's content");
                return;
            }

            _scrollView.movementType = ScrollRect.MovementType.Unrestricted;

            //計算第一個子物體位於中心時的位置
            float childPosX = _scrollView.GetComponent<RectTransform> ().rect.width * 0.5f - grid.cellSize.x * 0.5f;
            _childrenPos.Add (childPosX);
            //緩存所有子物體位於中心時的位置
            for (int i = 0; i < _container.childCount - 1; i++)
            {
                childPosX -= grid.cellSize.x + grid.spacing.x;
                _childrenPos.Add (childPosX);
            }
        }

        void Update ()
        {
            if (_centering)
            {
                Vector3 v = _container.localPosition;
                v.x = Mathf.Lerp (_container.localPosition.x, _targetPos, centerSpeed * Time.deltaTime);
                _container.localPosition = v;
                if (Mathf.Abs (_container.localPosition.x - _targetPos) < 0.01f)
                {
                    _centering = false;
                }
            }
        }

        public void OnEndDrag (PointerEventData eventData)
        {
            _centering = true;
            _targetPos = FindClosestPos (_container.localPosition.x);
        }

        public void OnDrag (PointerEventData eventData)
        {
            _centering = false;
        }

        private float FindClosestPos (float currentPos)
        {
            int childIndex = 0;
            float closest = 0;
            float distance = Mathf.Infinity;

            for (int i = 0; i < _childrenPos.Count; i++)
            {
                float p = _childrenPos[i];
                float d = Mathf.Abs (p - currentPos);
                if (d < distance)
                {
                    distance = d;
                    closest = p;
                    childIndex = i;
                }
            }

            GameObject centerChild = _container.GetChild (childIndex).gameObject;
            if (onCenter != null)
                onCenter (centerChild);

            return closest;
        }
    }

由於已緩存所有子物體的位置信息，故該代碼簡單修改可以擴展功能，如增加到上一項、到下一項、跳轉到指定項等功能。