Unity滑动列表弧线滑动

一个等级礼包的功能类似以前的传奇转圈选角往期有相似的写法但是这个版本是滑动列表的理论上会舒服点。原公式y x²x 就是 normalizedy 就是 curveOffsetitem 被推开的距离。这个函数的图像是一个标准抛物线y| * *| * *| * *| * *|*_________*_________*____ x-1 0 1↑最低点顶点在 x0x0 时 y0是最低点。x 越大越偏离中心y 越大被推越高。一句话总结▎ y x² 的最低点锁死在 x0viewport 中心。如果出现弧线异常的情况大概率原因是 viewport 的 Pivot 或 Anchor 设置有问题。代码里的关键计算是Vector3 localCenter _viewport.InverseTransformPoint(worldCenter);float axisOffset localCenter.x; // 水平滚动axisOffset 0 的点就是 viewport 本地坐标的原点也就是曲线最低点。如果 viewport 的 Pivot 是 (0,0.5)左中原点就在左边缘第四个 item 刚好落在那里就和你描述的现象吻合。---建议先检查在 Unity Inspector 里看 _viewportScrollView 的 Viewport 节点的 Pivot正常应该是 (0.5, 0.5)中心如果是 (0,0.5) 就把它改成 (0.5, 0.5)最低点就会自动回到第2和第3之间不用改动任何代码。using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; namespace Starlight.Game { [DisallowMultipleComponent] public class UICurvedScrollRect : MonoBehaviour { private enum CurveMode { Auto 0, VerticalScroll 1, HorizontalScroll 2, } private sealed class ItemState { public Vector2 BaseAnchoredPosition; public Vector2 AppliedOffset; public Vector3 BaseScale; } [SerializeField] private ScrollRect _scrollRect; [SerializeField] private RectTransform _viewport; [SerializeField] private RectTransform _content; [SerializeField] private CurveMode _curveMode CurveMode.Auto; [SerializeField] private float _curveAmount 120f; [SerializeField] private bool _scaleByDistance; [SerializeField] [Range(0f, 0.5f)] private float _scaleAmount 0.15f; private readonly DictionaryRectTransform, ItemState _itemStates new DictionaryRectTransform, ItemState(); private readonly ListRectTransform _children new ListRectTransform(); private int _cachedChildCount -1; private void Reset() { CacheReferences(); } private void Awake() { CacheReferences(); } private void OnEnable() { CacheReferences(); RefreshChildren(true); ApplyCurve(); } private void OnDisable() { RestoreChildren(); } private void LateUpdate() { if (!isActiveAndEnabled) { return; } ApplyCurve(); } public void Refresh() { RefreshChildren(true); ApplyCurve(); } private void CacheReferences() { if (_scrollRect null) { _scrollRect GetComponentScrollRect(); } if (_scrollRect null) { return; } if (_viewport null) { _viewport _scrollRect.viewport ! null ? _scrollRect.viewport : _scrollRect.GetComponentRectTransform(); } if (_content null) { _content _scrollRect.content; } } private void RefreshChildren(bool force) { if (_content null) { return; } if (!force _cachedChildCount _content.childCount) { return; } _children.Clear(); for (int i 0; i _content.childCount; i) { RectTransform child _content.GetChild(i) as RectTransform; if (child null) { continue; } _children.Add(child); if (!_itemStates.ContainsKey(child)) { ItemState state new ItemState(); state.BaseAnchoredPosition child.anchoredPosition; state.AppliedOffset Vector2.zero; state.BaseScale child.localScale; _itemStates.Add(child, state); } } _cachedChildCount _content.childCount; } private void ApplyCurve() { if (_scrollRect null || _viewport null || _content null) { return; } RefreshChildren(false); bool isVertical ResolveVerticalMode(); float viewportSize isVertical ? _viewport.rect.height : _viewport.rect.width; if (viewportSize 0f) { return; } for (int i 0; i _children.Count; i) { RectTransform child _children[i]; if (child null) { continue; } ItemState state; if (!_itemStates.TryGetValue(child, out state)) { continue; } Vector2 expectedPosition state.BaseAnchoredPosition state.AppliedOffset; if ((child.anchoredPosition - expectedPosition).sqrMagnitude 0.01f) { state.BaseAnchoredPosition child.anchoredPosition; state.AppliedOffset Vector2.zero; state.BaseScale child.localScale; } Vector3 worldCenter child.TransformPoint(child.rect.center); Vector3 localCenter _viewport.InverseTransformPoint(worldCenter); float axisOffset isVertical ? localCenter.y : localCenter.x;// Scrollview 和 viewports pivot(0.5,0.5的版本) //float rectCenter isVertical ? _viewport.rect.center.y : _viewport.rect.center.x; //float axisOffset (isVertical ? localCenter.y : localCenter.x) - rectCenter;//Scrollview 和 viewports pivot(0,0.5的版本) //为适配无限滑动列表的MovePanelToItemIndex float childSize isVertical ? child.rect.height : child.rect.width; float normalized axisOffset / Mathf.Max(1f, viewportSize * 0.5f childSize * 0.5f); normalized Mathf.Clamp(normalized, -1f, 1f); float curveOffset _curveAmount * normalized * normalized; Vector2 offset isVertical ? new Vector2(curveOffset, 0f) : new Vector2(0f, curveOffset); child.anchoredPosition state.BaseAnchoredPosition offset; state.AppliedOffset offset; if (_scaleByDistance) { float scale 1f - Mathf.Abs(normalized) * _scaleAmount; child.localScale state.BaseScale * scale; } else { child.localScale state.BaseScale; } } } private bool ResolveVerticalMode() { if (_curveMode CurveMode.VerticalScroll) { return true; } if (_curveMode CurveMode.HorizontalScroll) { return false; } return _scrollRect.vertical || !_scrollRect.horizontal; } private void RestoreChildren() { foreach (KeyValuePairRectTransform, ItemState pair in _itemStates) { RectTransform child pair.Key; if (child null) { continue; } ItemState state pair.Value; child.anchoredPosition state.BaseAnchoredPosition; child.localScale state.BaseScale; state.AppliedOffset Vector2.zero; } } } }