All Projects → nihad92 → Swipeablecards

nihad92 / Swipeablecards

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Swipeablecards

Verticalcardswiper
A marriage between the Shazam Discover UI and Tinder, built with UICollectionView in Swift.
Stars: ✭ 830 (+510.29%)
Mutual labels:  swipe, cards, tinder
Placeholderview
This library provides advance views for lists and stacks. Some of the views are build on top of RecyclerView and others are written in their own. Annotations are compiled by annotation processor to generate bind classes. DOCS -->
Stars: ✭ 2,104 (+1447.06%)
Mutual labels:  swipe, recyclerview, tinder
Shuffle
🔥 A multi-directional card swiping library inspired by Tinder
Stars: ✭ 535 (+293.38%)
Mutual labels:  swipe, cards, tinder
Fastadapter
The bullet proof, fast and easy to use adapter library, which minimizes developing time to a fraction...
Stars: ✭ 3,512 (+2482.35%)
Mutual labels:  swipe, recyclerview
Recyclerviewevent
RecyclerView onItemClick、onItemLongClick、drag、swipe、divider、reuse disorder RecyclerView 梳理:点击&长按事件、分割线、拖曳排序、滑动删除、优雅解决 EditText 和 CheckBox 复用错乱问题
Stars: ✭ 265 (+94.85%)
Mutual labels:  swipe, recyclerview
Tinderswipeview
Swipe view inspired by tinder
Stars: ✭ 289 (+112.5%)
Mutual labels:  swipe, tinder
tcard
Flutter tinder like cards
Stars: ✭ 132 (-2.94%)
Mutual labels:  cards, tinder
Android Advancedrecyclerview
RecyclerView extension library which provides advanced features. (ex. Google's Inbox app like swiping, Play Music app like drag and drop sorting)
Stars: ✭ 5,172 (+3702.94%)
Mutual labels:  swipe, recyclerview
Dragdropswiperecyclerview
Kotlin Android library that extends RecyclerView to support gestures like drag & drop and swipe, among others. It works with vertical, horizontal and grid lists.
Stars: ✭ 469 (+244.85%)
Mutual labels:  swipe, recyclerview
Discretescrollview
A scrollable list of items that centers the current element and provides easy-to-use APIs for cool item animations.
Stars: ✭ 5,533 (+3968.38%)
Mutual labels:  swipe, recyclerview
Cardslider
Innovative twist to Tinder cards for iOS.
Stars: ✭ 996 (+632.35%)
Mutual labels:  cards, tinder
Fullrecyclerview
This is a compilation of different kinds and actions in recyclerView
Stars: ✭ 127 (-6.62%)
Mutual labels:  swipe, recyclerview
FancyAdapters
A collection of customizable RecyclerView Adapters for Android, that provide various functionality like item selection, contextual action mode controls, drag&drop and swiping, among other.
Stars: ✭ 49 (-63.97%)
Mutual labels:  recyclerview, swipe
react-tinder-card
A npm react module for making react elements swipeable like in the dating app tinder.
Stars: ✭ 184 (+35.29%)
Mutual labels:  swipe, tinder
React Native Card Stack Swiper
Tinder like react-native card stack swiper
Stars: ✭ 315 (+131.62%)
Mutual labels:  swipe, tinder
XamarinItemTouchHelper
Basic example of using ItemTouchHelper to add drag & drop and swipe-to-dismiss to RecyclerView for Xamarin
Stars: ✭ 35 (-74.26%)
Mutual labels:  recyclerview, swipe
Ionic Tinder Ui
Just a Tinder UI on Ionic
Stars: ✭ 86 (-36.76%)
Mutual labels:  swipe, tinder
swipeablerecyclerview
SwipeableRecyclerView provides a wrapper class SwipeItemTouchHelperCallback which can be used to add Dragging capability to your RecyclerView items. You can make use of DataBinding to bind it via XML.
Stars: ✭ 16 (-88.24%)
Mutual labels:  recyclerview, swipe
Flare
A full-fledged unofficial Angular-based Tinder web client
Stars: ✭ 23 (-83.09%)
Mutual labels:  swipe, tinder
Recyclerviewhelper
📃 [Android Library] Giving powers to RecyclerView
Stars: ✭ 643 (+372.79%)
Mutual labels:  swipe, recyclerview

SwipeableCards

Android Arsenal

Library for creating Tinder-like swipe cards effect using RecyclerView

Demo gif

Features

Library provides three Helper classes for creating tinder-like swipe card effect with recycler view

  • SwipeableTouchHelperCallback responsible for creating swipe effect and sending callbacks on card swiped
  • ItemTouchHelper for animating layouts
  • SwipeableLayoutManager used for ordrering views in recycler view

Download

Add to your project gradle

allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}

Download via Gradle:

dependencies {
  compile 'com.github.nihad92:SwipeableCards:{latestvesion}'
}

Example

First create SwipeableTouchHelperCallback

adapter = new OurRecyclerviewAdapter();
SwipeableTouchHelperCallback swipeableTouchHelperCallback = 
  new SwipeableTouchHelperCallback(new OnItemSwiped() {
        //Called after swiping view, place to remove top item from your recyclerview adapter
        @Override public void onItemSwiped() {
          adapter.removeTopItem();
        }
        
        @Override public void onItemSwipedLeft() {

        }

        @Override public void onItemSwipedRight() {

        }
      });

Create ItemTouchHelper and attach to RecyclerView

NOTE: You have to use ItemTouchHelper from swipeable.com.layoutmanager.touchelper

ItemTouchHelper itemTouchHelper = new ItemTouchHelper(swipeableTouchHelperCallback);
itemTouchHelper.attachToRecyclerView(recyclerView);

Add Layout manager and adapter to recycler view

recyclerView.setLayoutManager(new SwipeableLayoutManager());
recyclerView.setAdapter(adapter = new ListAdapter());

Customization

Easly change angle of card rotation, deck scaling percentage, translate cards in deck, animation duration or visible cards in deck

swipeableLayoutManager
  .setAngle(10)
  .setAnimationDuratuion(500)
  .setMaxShowCount(3)
  .setScaleGap(0.1f)
  .setTransYGap(0);

Licence

Copyright (C) 2018

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0
    
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
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].