Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kikoso/Swipeable-Cards
A native library providing a Tinder-like cards effect. A card can be constructed using an image and displayed with animation effects, dismiss-to-like and dismiss-to-unlike, and use different sorting mechanisms.
https://github.com/kikoso/Swipeable-Cards
Last synced: 5 days ago
JSON representation
A native library providing a Tinder-like cards effect. A card can be constructed using an image and displayed with animation effects, dismiss-to-like and dismiss-to-unlike, and use different sorting mechanisms.
- Host: GitHub
- URL: https://github.com/kikoso/Swipeable-Cards
- Owner: kikoso
- License: apache-2.0
- Created: 2014-05-13T17:34:06.000Z (over 10 years ago)
- Default Branch: develop
- Last Pushed: 2020-11-16T03:25:54.000Z (almost 4 years ago)
- Last Synced: 2024-10-29T20:00:45.508Z (10 days ago)
- Language: Java
- Homepage:
- Size: 1.52 MB
- Stars: 1,476
- Watchers: 75
- Forks: 364
- Open Issues: 42
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-android-ui - Swipeable-Cards - 提供类似Tinder卡片效果 (Card)
README
Swipeable cards: Tinder-like cards library for Android
=================
Swipeable-cards is a native library for Android that provide a Tinder card like effect. A card can be constructed using an image and displayed with animation effects, dismiss-to-like and dismiss-to-unlike, and use different sorting mechanisms.
The library is compatible for Android versions 4.4 (API Level 19) and upwards.
A [library][1] and a [sample application][2] are provided with the code.
![Example Image][3]
![Example Image][4]
Usage
--------------------
Download the library with git and import it into your project (right now there is only Gradle support, so you need to import it writing in your build.gradle the following:
```groovy
compile project(':AndTinder')
```
and in your settings.gradle
```groovy
include 'AndTinder'
```
You can also download it via MavenCentral and Gradle:
```groovy
dependencies {
compile 'com.github.kikoso:SwipeableCards:1.1-RELEASE@aar'
}
```
When you have included the library in your project, you need to proceeed as follows. First, create a container to store the cards.
```xml
```
From your Activity, inflate into a CardContainer the container you declared in your XML
```java
mCardContainer = (CardContainer) findViewById(R.id.layoutview);
```
The card container can sort the cards either ordered or disordered:
```java
mCardContainer.setOrientation(Orientation.Ordered);
mCardContainer.setOrientation(Orientation.Disordered);
```
Now you need to create your cards. The procedure is quite simple: you just need to create an object CardView and provide the image resource you want to add:
```java
CardModel card = new CardModel("Title1", "Description goes here", r.getDrawable(R.drawable.picture1);
```
Additionally, you can set up a Delegate to be notified when the image is being liked or disliked:
```java
card.setOnCardDimissedListener(new CardModel.OnCardDismissedListener() {
@Override
public void onLike() {
Log.d("Swipeable Card", "I liked it");
}
@Override
public void onDislike() {
Log.d("Swipeable Card", "I did not liked it");
}
});
```
Or when it is clicked:
```java
card.setOnClickListener(new CardModel.OnClickListener() {
@Override
public void OnClickListener() {
Log.i("Swipeable Cards","I am pressing the card");
}
});
```
Finally, use an adapter to link the cards and the container:
```java
SimpleCardStackAdapter adapter = new SimpleCardStackAdapter(this);
adapter.add(new CardModel("Title1", "Description goes here", r.getDrawable(R.drawable.picture1)));
mCardContainer.setAdapter(adapter);
```
Version history
--------------------
* 28.01.2020: Version 0.4: Migration to AndroidX, libraries updated.
* 14.02.2015: Version 0.3: Fixed bugs with the cards locations and updated to the latest build tools.
* 4.06.2014: Published the version 0.2 with several improvements thanks to [Dr-Emann][5].
* 13.05.2014: Published the first version 0.1.
Next steps
--------------------
There are many things that can be done with this library.
* Allow custom templates
* Extend image personalization options
* Recreate the container when it has been emptied
If you want to colaborate with the project or have any idea to be implemented feel free to submit a pull request or to write an issue!
Also, if you have used AndTinder on your app and you let me know, I can link it from here :)
Contact
--------------------
Enrique López Mañas -
License
-------
Copyright 2020 Enrique López Mañas
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.
[1]: https://github.com/kikoso/AndTinder/tree/master/AndTinder
[2]: https://github.com/kikoso/AndTinder/tree/master/AndTinderDemo
[3]: https://raw.github.com/kikoso/AndTinder/master/art/captura1.png
[4]: https://raw.github.com/kikoso/AndTinder/master/art/captura2.png
[5]: https://github.com/Dr-Emann