unity scrollRect实现按页码翻页效果

下面是Unity中ScrollRect实现按页码翻页效果的攻略：

1. 需求分析

首先，我们需要明确我们的需求：利用ScrollRect制作一个翻页效果，实现按页码进行翻页操作。这意味着我们需要按照固定的大小拆分显示内容，每个页面的大小应该相同，并且在翻页时应该有一个平滑的过渡动画。

2. 设置ScrollRect参数

首先，我们需要在Unity中创建一个ScrollRect对象，并将其中的内容添加到Content子物体中。接下来，我们需要对ScrollRect对象进行以下设置：
- 在ScrollRect元素的Inspector中进行以下设置：
- 勾选“Horizontal”或“Vertical”或“Both”，具体根据我们的需求来设置。
- 设置“Movement Type”为“Elastic”或“Clamped”，具体根据我们的需求来设置。
- 在Content元素的Inspector中进行以下设置：
- 设置“Pivot”为"（0, 1）"或"(0, 0)"或"(0.5, 0.5)"，具体设置根据我们的需求来设置。
- 设置“Anchors”为“(0, 1)”或“(0, 0)”或"(0.5, 0.5)"，具体设置根据我们的需求来设置。
- 设置“Size Delta”为我们需要的显示区域大小。

3. 页面拆分

我们需要将显示内容按照固定的大小进行拆分，以实现分页显示的效果。下面以一个简单的竖向分页为例，演示拆分步骤：

public class PageSplitter : MonoBehaviour {
    public float pageSize = 800f;
    private RectTransform contentTransform;
    private List<RectTransform> pages = new List<RectTransform>();

    void Start() {
        contentTransform = gameObject.transform as RectTransform;
        for (int i = 0; i < contentTransform.childCount; i++) {
            var child = contentTransform.GetChild(i) as RectTransform;
            pages.Add(child);
        }
        SplitPages(pageSize);
    }

    public void SplitPages(float pageSize) {
        float pageCount = pages.Select(p => p.rect.height).Sum() / pageSize;
        float y = 0;
        for (int i = 0; i < pageCount; i++) {
            var page = new GameObject().AddComponent<RectTransform>();
            page.gameObject.name = "Page " + i;
            var rect = page.rect;
            rect.width = contentTransform.rect.width;
            rect.height = pageSize;
            page.SetParent(contentTransform);
            page.pivot = new Vector2(0.5f, 1f);
            page.anchorMax = new Vector2(0.5f, 1f);
            page.anchorMin = new Vector2(0.5f, 1f);
            page.localScale = Vector3.one;
            page.localPosition = new Vector3(0, y, 0);
            y -= pageSize;
        }
        pages = new List<RectTransform>();
        for (int i = 0; i < contentTransform.childCount; i++) {
            var child = contentTransform.GetChild(i) as RectTransform;
            pages.Add(child);
        }
    }
}

该函数接受一个pageSize参数，用于表示每个页面的高度。接下来先计算总的页面数，然后逐个创建页面物体并调整位置、大小、中心点等参数，最后保存所有页面的RectTransform供后续使用。

4. 实现翻页效果

接下来，我们需要对ScrollRect进行控制，实现按页码进行翻页操作。在实现过程中，我们需要注意以下几点：
- 如果当前页码与目标页码相等，则无需进行任何操作；
- 如果当前页码与目标页码不相等，则使用MoveTowards函数平滑移动ScrollRect，直到滑动到目标页面。

public class PageScrollRect : ScrollRect {
    public int currentPageIndex = 0;
    public bool isMoving = false;
    private float _targetPosition = 0;
    private float _startPosition = 0;

    public override void OnBeginDrag(PointerEventData eventData) {
        base.OnBeginDrag(eventData);
        isMoving = true;
        _startPosition = content.anchoredPosition.y;
        StopCoroutine("MoveToTargetPage");
    }

    public override void OnEndDrag(PointerEventData eventData) {
        base.OnEndDrag(eventData);
        float yOffset = _startPosition - content.anchoredPosition.y;
        if (yOffset > 0 && currentPageIndex < transform.childCount - 1) {
            currentPageIndex++;
        } else if (yOffset < 0 && currentPageIndex > 0) {
            currentPageIndex--;
        }
        _targetPosition = currentPageIndex * pageSize;
        StartCoroutine("MoveToTargetPage");
    }

    private IEnumerator MoveToTargetPage() {
        isMoving = true;
        while (Mathf.Abs(content.anchoredPosition.y - _targetPosition) > 0.1f) {
            content.anchoredPosition = Vector2.MoveTowards(content.anchoredPosition, new Vector2(content.anchoredPosition.x, _targetPosition), Time.deltaTime * smoothness);
            yield return null;
        }
        content.anchoredPosition = new Vector2(content.anchoredPosition.x, _targetPosition);
        isMoving = false;
        StopCoroutine("MoveToTargetPage");
    }
}

在覆盖ScrollRect的OnBeginDrag和OnEndDrag函数中，我们可以看到滑动的开始和结束回调。在结束回调中，我们计算当前滑动的偏移量，并根据偏移量和当前页码决定下一个目标页码，然后启动一个协程来移动ScrollRect直到滑动到目标页码。

5. 示例演示

为了更好地理解整个流程，下面提供一个简单的示例展示：unity-scrollRect-pagination-demo

在这个演示中，使用一个PageSplitter将显示的内容分为多个页面，然后通过PageScrollRect实现按页码翻页效果。具有较好的可扩展性和稳定性，可以用于创建各种类型的翻页效果。