Unity3D问题之EnhanceScollView选择角色3D循环滚动效果实现

/// <summary>
    /// 缩放曲线模拟当前缩放值
    /// </summary>
    private float GetScaleValue(float sliderValue, float added)
    {
        float scaleValue = scaleCurve.Evaluate(sliderValue + added);
        return scaleValue;
    }

    /// <summary>
    /// 位置曲线模拟当前x轴位置
    /// </summary>
    private float GetXPosValue(float sliderValue, float added)
    {
        float evaluateValue = positionCurve.Evaluate(sliderValue + added) * posCurveFactor;
        return evaluateValue;
    }

public void UpdateEnhanceScrollView(float fValue)
    {
        for (int i = 0; i < scrollViewItems.Count; i++)
        {
            EnhanceItem itemScript = scrollViewItems[i];
            float xValue = GetXPosValue(fValue, dHorizontalValues[itemScript.scrollViewItemIndex]);
            float scaleValue = GetScaleValue(fValue, dHorizontalValues[itemScript.scrollViewItemIndex]);
            itemScript.UpdateScrollViewItems(xValue, yPositionValue, scaleValue);
        }
    }

    void Update()
    {
        currentDuration += Time.deltaTime;
        if (currentDuration > duration)
        {
            // 更新完毕设置选中item的对象即可
            currentDuration = duration;
            if(centerItem != null)
                centerItem.SetSelectColor(true);
            if(preCenterItem != null)
                preCenterItem.SetSelectColor(false);
            canChangeItem = true;
        }

        SortDepth();
        float percent = currentDuration / duration;
        horizontalValue = Mathf.Lerp(originHorizontalValue, horizontalTargetValue, percent);
        UpdateEnhanceScrollView(horizontalValue);
    }

控制层级

只有正确的层级控制，才能够保证"不穿帮"，上文也说过，也可以通过AnimationCurve做一个层级曲线，在当前item的时间下面该item的depth或者层级应该是多少，该demo采用的是比较粗暴的list排序方法，按照每个item距离"屏幕的远近"其实就是scale系数，判断哪个item在前，哪个在后面，当然也有些问题，如果距离相同，可能存在item相互打架的可能(这个可以通过控制scaleCurve进行控制)
该Demo使用的UITexture控制层级（其他的任何方式原理一样，只是处理对象不一样，用mesh实现，那就是z轴等等）
具体实现如下：

public void SortDepth()
    {
        textureTargets.Sort(new CompareDepthMethod());
        for (int i = 0; i < textureTargets.Count; i++)
            textureTargets[i].depth = i;
    }
    /// <summary>
    /// 用于层级对比接口
    /// </summary>
    public class CompareDepthMethod : IComparer<UITexture>
    {
        public int Compare(UITexture left, UITexture right)
        {
            if (left.transform.localScale.x > right.transform.localScale.x)
                return 1;
            else if (left.transform.localScale.x < right.transform.localScale.x)
                return -1;
            else
                return 0;
        }
    }

实现滚动循环

说道循环滚动，因为我们使用到了AnimationCurve，先天性的动画曲线会有三种模式一种是pingpong，loop，一种是clamp，其中我们需要的是LOOP，没听错，这就是滚动循环的关键点(我们的缩放曲线，位移系数曲线从0到1的效果模拟完毕，如果我们继续向前增加时间流水值，那么进入到下一个曲线的时候，所有的item都会反过来进行采样曲线值，就能够巧妙的实现循环效果(缩放系数，位移系数))如果不理解的，可以自己设置一个AnimationCurve，研究下，下面截图示意：

代码部分只是需要知道，如果点击了一个Item将该item移动到中心对应的时间流应该往前或者往后走多少

    /// <summary>
    /// 获得当前要移动到中心的Item需要移动的factor间隔数
    /// </summary>
    private int GetMoveCurveFactorCount(float targetXPos)
    {
        int centerIndex = scrollViewItems.Count / 2;
        for (int i = 0; i < scrollViewItems.Count;i++ )
        {
            float factor = (0.5f - dFactor * (centerIndex - i));

            float tempPosX = positionCurve.Evaluate(factor) * posCurveFactor;
            if (Mathf.Abs(targetXPos - tempPosX) < 0.01f)
                return Mathf.Abs(i - centerIndex);
        }
        return -1;
    }

注意问题

1. 制作曲线，记得保证0-1时间轴填充完毕，这样在进行循环处理的时候才不会出现偏差
2. 额，如果自己用这种方法尝试的朋友，如果有问题，请仔细查看Demo中的参数即可......（主要就是曲线制作问题）

该Demo使用的NGUI，虽然笔者没有用过UGUI，我想任何一个界面Tools都可以通过该方法实现，因为共同点一样，只是层级处理，缩放处理有区别而已

实现效果

版权声明：本文为博主原创文章，未经博主允许不得转载。