GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → robinmanuelthiel → Swipecards

robinmanuelthiel / Swipecards

Licence: mit
Tinder-like swipe control for Xamarin.Forms

Swipecards

A Tinder control for Xamarin.Forms that supports iOS, Android and UWP.

NuGet

How to use

Add the NuGet package to the Xamarin.Forms project and all platform projects

PM> Install-Package Forms.Controls.SwipeCards

Add the XML namespace

xmlns:swipecards="clr-namespace:SwipeCards.Controls;assembly=SwipeCards.Controls"

Add the control

<swipecards:CardStackView
    x:Name="CardStackView"
    ItemsSource="{Binding Cards}">
    
    <swipecards:CardStackView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding}" VerticalOptions="Center" HorizontalOptions="Center" />
        </DataTemplate>
    </swipecards:CardStackView.ItemTemplate>   
</swipecards:CardStackView>

Preview

Take a look a the Demo Project in this repository for a full sample.

Preview

API Reference

Method Description
Reset() Resets the whole card stack
Property Default Description
CardMoveDistance null How far the card has to be dragged to trigger the swipe. Default is 30% of the control
Command Parameter Description
SwipedLeftCommand Selected Item Triggered, when card got swiped to the left
SwipedRightCommand Selected Item Triggered, when card got swiped to the right
Event Arguments Description
Swiped Swiped Item, Swipe direction Triggered, when card got swiped to the left or right
StartedDragging Dragged Item Triggered, when card got dragged
FinishedDragging Dragged Item Triggered, when dragging finished
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].