Unity scroll view element drag and drop to automatically adsorb centering and card effect

utilize Scroll View Control drag and drop to automatically absorb the centering effect

1、 Create a new one Scrool View Control , Remove two Scroolbar, Because there's no need for ;

And then in Viewport Next build a CenterPoint Empty object follows Content Use the same level as the center to compare ;

Finally, give Content Additive elements .

2、 Cancel vertical drag , The removed Vertical Checked by ;Movement Type Set to Unrestricted, Here's the picture .

3、yiyi Corresponding reference object ; add to Event Trigger Components , Add again Begin Drag and End Drag event , Then call the script code .

4、 The code is as follows

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

public class testttt : MonoBehaviour {
    public RectTransform viewport;
    public RectTransform[] elements;
    public RectTransform centerPoint;
    public RectTransform content;

    private  Vector2 newPos;
    private int distanceBetweenEles;
    private float[] distanceToCenter;
    private int minEleNum;
    private bool isDragging = false;
    // Use this for initialization
    void Start () {
       
        int elelength = elements.Length;
        distanceToCenter = new float[elelength];
        // Get the element spacing distance 
        distanceBetweenEles = (int)Mathf.Abs(elements[1].anchoredPosition.x - elements[0].anchoredPosition.x);
    }

    
    void Update()
    {

         // When the current position is close to the calculated adsorption position, the minimum position will not be calculated 
        if (Vector2.Distance(content.anchoredPosition, newPos)>5f)
        {
            for (int i = 0; i < elements.Length; i++)
            {
                // Get the distance from each element to the center point 
                distanceToCenter[i] = Mathf.Abs(centerPoint.transform.position.x - elements[i].transform.position.x);
            }
            // Get the closest distance 
            float minDist = Mathf.Min(distanceToCenter);

            for (int i = 0; i < elements.Length; i++)
            {
                // Find the element index with the minimum distance 
                if (minDist == distanceToCenter[i])
                {
                    minEleNum = i;
                }
            }
        }
        if(!isDragging)
        {
            // Currently, there is no drag , Automatic adsorption centering 
            newPos = new Vector2(minEleNum * -distanceBetweenEles, viewport.anchoredPosition.y);
            content.anchoredPosition = Vector2.Lerp(content.anchoredPosition, newPos, Time.deltaTime * 5f);
        }
    }

    public void StartDrag()
    {
        isDragging = true;
    }
    public void EndDrag()
    {
        isDragging = false;
    }
}