unity-swipeableview's Introduction

Unity-SwipeableView

UISwipeableView is a simple UI components for implementing swipe views like Tinder. Since Only two card objects are generated, performance will not be reduced even if the number of data items increases.

Usage

Check out the demo for an example.

1. Create your data object.

public class DemoCardData
{
    public Color color;
}

2. Create SwipeableView by extends UISwipeableView.

public class SwipeableViewDemo : UISwipeableView<DemoCardData>
{
    public void UpdateData(List<DemoCardData> data)
    {
        base.Initialize(data);
    }
}

3. Create SwipeableCard by extends UISwipeableCard.

public class SwipeableCardDemo : UISwipeableCard<DemoCardData>
{
    [SerializeField] private Image bg;

    public override void UpdateContent(DemoCardData data)
    {
        bg.color = data.color;
    }
}

4. Pass data to the SwipeableView.

public class DemoScene : MonoBehaviour
{
    [SerializeField] private UISwipeableViewDemo swipeableView;

    void Start()
    {
        var data = Enumerable.Range(0, 20)
            .Select(i => new DemoCardData
            {
                color = new Color(Random.value, Random.value, Random.value, 1.0f)
            })
            .ToList();

        swipeableView.UpdateData(data);
    }
}

Environment

Unity 2018.3.11f1

License

MIT

Author

kiepng

unity-swipeableview's People

Contributors

Stargazers

Watchers

unity-swipeableview's Issues

Whats the suggested architecture for having multiple cards of different types?

I have a collection of ScriptableObjects that derive from a custom type (Card)
ei:

class BattleCard : Card
class ProfileCard : Card

I then start my prototype (and this framework) by calling:

public class CardGenerater : Singleton<CardGenerater>
{
	public List<Card> DataSet;

	public CustomSwipeableView view;

	void OnEnable()
	{
		view.UpdateData(DataSet);
	}
}

which calls:

public class CustomSwipeableView : UISwipeableView<Card>
{
    public void UpdateData(List<Card> data)
    {
        base.Initialize(data);
    }
}

An important note here: CardGenerater.DataSet contains ScriptableObjects of type BattleCard and ProfileCard (and in the future, other types too)
This functions correctly and as expected, cards display and data gets assigned, however, I'd like to have different prefabs for BattleCards and ProfileCards (because they are functionally different)

Does this currently support this? If so, how should it be implemented?

No WWW but sprites

How can I make this without WWW? I use Sprites.

How to add Item list image "url" in card data.

I don't know, how to load data on card data of link url image on swipe card, please help me component of card data and demo code.
Thank you.

Recommend Projects

kiepng / unity-swipeableview Goto Github PK