11#ElasticViews
2- ![ license] ( https://img.shields.io/badge/license-MIT%20License-blue.svg )
3- [ ![ API] ( https://img.shields.io/badge/API-15%2B-brightgreen.svg?style=flat )] ( https://android-arsenal.com/api?level=15 )
4- [ ![ Build Status] ( https://travis-ci.org/skydoves/ElasticViews.svg?branch=master )] ( https://travis-ci.org/skydoves/ElasticViews )
5- [ ![ Android Weekly] ( https://img.shields.io/badge/Android%20Weekly-%23336-orange.svg )] ( https://androidweekly.net/issues/issue-336 )
6- [ ![ Javadoc] ( https://img.shields.io/badge/Javadoc-ElasticViews-yellow )] ( https://skydoves.github.io/libraries/elasticviews/javadoc/elasticviews/com.skydoves.elasticviews/index.html )
7- <br >
82
9- An easy way to implement the elastic touch effect for Android.
3+ <p align =" center " >
4+ <a href =" https://opensource.org/licenses/MIT " ><img alt =" License " src =" https://img.shields.io/badge/license-MIT%20License-blue.svg " /></a >
5+ <a href =" https://android-arsenal.com/api?level=15 " ><img alt =" API " src =" https://img.shields.io/badge/API-15%2B-brightgreen.svg?style=flat " /></a >
6+ <a href =" https://travis-ci.org/skydoves/ElasticViews " ><img alt =" Build Status " src =" https://travis-ci.org/skydoves/ElasticViews.svg?branch=master " /></a >
7+ <a href =" https://androidweekly.net/issues/issue-336 " ><img alt =" Android Weekly " src =" https://img.shields.io/badge/Android%20Weekly-%23336-orange.svg " /></a >
8+ <a href =" https://skydoves.github.io/libraries/elasticviews/javadoc/elasticviews/com.skydoves.elasticviews/index.html " ><img alt =" Javadoc " src =" https://img.shields.io/badge/Javadoc-ElasticViews-yellow " /></a >
9+ </p >
10+
11+ <p align =" center " >
12+ ✨ An easy way to implement an elastic touch effect for Android.
13+ </p >
14+
15+ <p align =" center " >
16+ <img src =" https://user-images.githubusercontent.com/24237865/72123075-73943500-33a3-11ea-883f-9009de998788.gif " width =" 32% " />
17+ <img src =" https://user-images.githubusercontent.com/24237865/72123076-73943500-33a3-11ea-92ef-0924cd0b902e.gif " width =" 32% " />
18+ </p >
19+
1020
11- ![ gif0] ( https://user-images.githubusercontent.com/24237865/48674497-53e2f180-eb90-11e8-86fb-476f841b3e32.gif )
12- ![ gif1] ( https://user-images.githubusercontent.com/24237865/48674498-53e2f180-eb90-11e8-8313-aa94b34a40d2.gif )
1321
1422##Including in your project
1523[ ![ Download] ( https://api.bintray.com/packages/devmagician/maven/elasticviews/images/download.svg )] ( https://bintray.com/devmagician/maven/elasticviews/_latestVersion )
@@ -23,7 +31,7 @@ repositories {
2331}
2432
2533dependencies {
26- implementation "com.github.skydoves:elasticviews:2.0.6 "
34+ implementation "com.github.skydoves:elasticviews:2.0.7 "
2735}
2836```
2937
@@ -38,7 +46,7 @@ xmlns:app="http://schemas.android.com/apk/res-auto"
3846```
3947
4048####OnClick Method
41- All of ElasticViews should be set OnClickListener or OnClickMethod, etc . If not, nothing happens.
49+ All of ElasticViews should be set` OnClickListener ` or OnClickmethod . If not, nothing happens.
4250``` java
4351ElasticButton elasticButton= (ElasticButton )findViewById(R . id. elasticbutton);
4452elasticButton. setOnClickListener(new View .OnClickListener () {
@@ -49,14 +57,6 @@ elasticButton.setOnClickListener(new View.OnClickListener() {
4957});
5058```
5159
52- or use butterknife
53- ``` java
54- @OnClick (R . id. elasticbutton)
55- public void onClick(View v) {
56- // do something
57- }
58- ```
59-
6060###ElasticButton
6161``` gradle
6262<com.skydoves.elasticviews.ElasticButton
@@ -80,6 +80,7 @@ public void onClick(View v) {
8080 android:textColor="@android:color/white"
8181 android:textStyle="bold"
8282 app:checkButton_cornerRadius="4dp"
83+ app:checkButton_alpha="0.7"
8384 app:checkButton_duration="400"
8485 app:checkButton_scale="0.9" />
8586```
@@ -108,6 +109,22 @@ public void onClick(View v) {
108109 app:fabutton_scale="0.85" />
109110```
110111
112+ ###ElasticCardView
113+ ``` gradle
114+ <com.skydoves.elasticviews.ElasticCardView
115+ android:layout_width="match_parent"
116+ android:layout_height="120dp"
117+ app:cardCornerRadius="8dp"
118+ app:cardElevation="12dp"
119+ app:cardBackgroundColor="@color/background"
120+ app:cardView_duration="250"
121+ app:cardView_scale="0.8" >
122+
123+ ...
124+
125+ </com.skydoves.elasticviews.ElasticCardView>
126+ ```
127+
111128###ElasticLayout
112129ElasticLayout gives elastic animation to all child views.
113130
@@ -146,6 +163,8 @@ new ElasticAnimation(clickedView).setScaleX(0.9f).setScaleY(0.9f).setDuration(40
146163.setOnFinishListener(onFinishListener). doAction();
147164```
148165
166+ <img src =" https://user-images.githubusercontent.com/24237865/72123077-742ccb80-33a3-11ea-9262-c4977983247e.gif " align =" right " width =" 30% " >
167+
149168####ViewPropertyAnimatorListener
150169we can set` ViewPropertyAnimatorListener ` using` setListener ` method and detect animation's status.
151170``` java
@@ -227,15 +246,13 @@ private class ListViewItemClickListener implements AdapterView.OnItemClickListen
227246 };
228247```
229248
230- ####ElasticAnimation Preview
231- ![ gif2] ( https://cloud.githubusercontent.com/assets/24237865/22189011/14bc94aa-e15d-11e6-9078-2dfc9d97ef87.gif )
232-
233249##Find this library useful?:heart :
234250Support it by joining__ [ stargazers] ( https://github.com/skydoves/ElasticViews/stargazers ) __ for this repository.:star :
235251
236- ##Supports:coffee :
237- If you feel like support me a coffee for my efforts, I would greatly appreciate it. <br ><br >
238- <a href =" https://www.buymeacoffee.com/skydoves " target =" _blank " ><img src =" https://www.buymeacoffee.com/assets/img/custom_images/purple_img.png " alt =" Buy Me A Coffee " style =" height :auto !important ;width :auto !important ;" ></a >
252+ ##Sponsor:coffee :
253+ If you feel like to sponsor me a coffee for my efforts, I would greatly appreciate it. <br ><br >
254+
255+ <a href =" https://www.buymeacoffee.com/skydoves " target =" _blank " ><img src =" https://skydoves.github.io/sponsor.png " alt =" Buy Me A Coffee " style =" height :51px !important ;width :217px !important ;" ></a >
239256
240257#License
241258``` xml