EnhancedScrollView

Cool "3d" scoll view for Unity3D 4.x and 5.x version NGUI and UGUI support

Using Unity3d's AnimationCurve to finish this EnhancedScrollView.AnimationCurve is very powerful and useful tools in developing game,the player's jumping, camera's path and so on.

Features

Click left right button to recenter item
Click target to recenter and select item
Drag feature: drag enhanceScrollview to recenter item
Update item status with Curve horizontal time changing
Edit control curves for scale, position, and "depth", you can add your own curve to control item other properties
NGUI 2d, world 3d, and UGUI support

Curves In Project

Position Curve. Control item's position.
Scale Curve. Control item's scale
"Depth" Curve. For determine item's back and front relationship, It's can be UIWidget's depth in NGUI(2D) or the Item's Z position value in 3D world

In developing task

~~drag feature~~ (Done)
animation curve editor(you can type the value for the KeyFrame)
~~UGUI example~~(Done)
......

How to use

Easy to make your own Enhance Item

open NGUIEnhanceScrollView.unity for NGUI example
open UGUIEnhanceScrollView.unity for UGUI example

Easy way to make better Curve: Copy EnhancedScrollView Component in example and paste it to your own TargetScrollView


/// 
/// NGUI Enhance item example
/// 
public class MyNGUIEnhanceItem : EnhanceItem
{
    private UITexture mTexture;
    ......
    // Set the item "depth" 2d or 3d
    protected override void SetItemDepth(float depthCurveValue, int depthFactor, float itemCount)
    {
        if (mTexture.depth != (int)Mathf.Abs(depthCurveValue * depthFactor))
            mTexture.depth = (int)Mathf.Abs(depthCurveValue * depthFactor);
    }

    // Item is centered
    public override void SetSelectState(bool isCenter)
    {
        if (mTexture == null)
            mTexture = this.GetComponent();
        if (mTexture != null)
            mTexture.color = isCenter ? Color.white : Color.gray;
    }
    ......
}


///
/// UGUI Enhance item example
///
public class MyUGUIEnhanceItem : EnhanceItem
{
    private Button uButton;
    private RawImage rawImage;
    ......
    private void OnClickUGUIButton()
    {
        OnClickEnhanceItem();
    }

    // Set the item "depth" 2d or 3d
    protected override void SetItemDepth(float depthCurveValue, int depthFactor, float itemCount)
    {
        curDepth = (int)(depthCurveValue * itemCount);
        this.transform.SetSiblingIndex(curDepth);
    }

    public override void SetSelectState(bool isCenter)
    {
        if (rawImage == null)
            rawImage = GetComponent();
        rawImage.color = isCenter ? Color.white : Color.gray;
    }
    ......
}

ScreenShot