{"id":18027895,"url":"https://github.com/wajahatkarim3/mediumclap-android","last_synced_at":"2025-04-05T21:11:45.817Z","repository":{"id":52907138,"uuid":"119645766","full_name":"wajahatkarim3/MediumClap-Android","owner":"wajahatkarim3","description":"👏 The Medium's Clapping Effect developed in Android","archived":false,"fork":false,"pushed_at":"2022-02-07T14:08:12.000Z","size":1420,"stargazers_count":504,"open_issues_count":7,"forks_count":60,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-29T20:09:49.839Z","etag":null,"topics":["android","android-animation","android-demo","animation","animation-demo","clap","medium","medium-clinics"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wajahatkarim3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://www.paypal.me/WajahatKarim/5","https://www.paypal.me/WajahatKarim/20","https://www.paypal.me/WajahatKarim/50","https://www.paypal.me/WajahatKarim/100"]}},"created_at":"2018-01-31T06:37:04.000Z","updated_at":"2025-03-23T07:03:03.000Z","dependencies_parsed_at":"2022-09-11T07:51:52.911Z","dependency_job_id":null,"html_url":"https://github.com/wajahatkarim3/MediumClap-Android","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FMediumClap-Android","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FMediumClap-Android/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FMediumClap-Android/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FMediumClap-Android/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wajahatkarim3","download_url":"https://codeload.github.com/wajahatkarim3/MediumClap-Android/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247399886,"owners_count":20932880,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","android-animation","android-demo","animation","animation-demo","clap","medium","medium-clinics"],"created_at":"2024-10-30T08:13:39.697Z","updated_at":"2025-04-05T21:11:45.794Z","avatar_url":"https://github.com/wajahatkarim3.png","language":"Kotlin","funding_links":["https://www.paypal.me/WajahatKarim/5","https://www.paypal.me/WajahatKarim/20","https://www.paypal.me/WajahatKarim/50","https://www.paypal.me/WajahatKarim/100","https://www.paypal.me/WajahatKarim/10","https://www.paypal.me/WajahatKarim/15","https://www.paypal.me/WajahatKarim/25","https://www.paypal.me/WajahatKarim/2799"],"categories":[],"sub_categories":[],"readme":"# 👏 MediumClap-Android\n[![Build status](https://build.appcenter.ms/v0.1/apps/c7b7ac7b-34b7-4a0d-89b3-8c325cc047a7/branches/master/badge)](https://appcenter.ms) [![](https://img.shields.io/badge/Android%20Weekly-%23317-blue.svg)](https://androidweekly.net/issues/issue-317) [![](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)]() [![](https://img.shields.io/badge/MaterialUp-MediumClap-yellowgreen.svg)](https://www.uplabs.com/posts/medium-clap-android) [![Android Arsenal]( https://img.shields.io/badge/Android%20Arsenal-Medium%20Clap%20Button-green.svg?style=flat )]( https://android-arsenal.com/details/1/7031 )\n[![](https://img.shields.io/badge/Available%20On-ProductHunt-orange.svg)](https://www.producthunt.com/posts/medium-clap-button-in-android) [![Say Thanks!](https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg)](https://saythanks.io/to/wajahatkarim3) [![Twitter](https://img.shields.io/twitter/url/https/github.com/wajahatkarim3/MediumClap-Android.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:\u0026url=https%3A%2F%2Fgithub.com%2Fwajahatkarim3%2FMediumClap-Android)\n\n\u003cdiv align=\"center\"\u003e\n  \u003csub\u003eBuilt with ❤︎ by\n  \u003ca href=\"https://twitter.com/WajahatKarim\"\u003eWajahat Karim\u003c/a\u003e and\n  \u003ca href=\"https://github.com/wajahatkarim3/MediumClap-Android/graphs/contributors\"\u003e\n    contributors\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\nA Custom Floating Action Button (FAB) library like clapping effect on Medium\n\n![](https://raw.githubusercontent.com/wajahatkarim3/MediumClap-Android/master/art/demo_2.gif)\n\n### 📄 How-To Article\n* [Publishing your Android, Kotlin or Java library to jCenter from Android Studio](https://android.jlelse.eu/publishing-your-android-kotlin-or-java-library-to-jcenter-from-android-studio-1b24977fe450)\n\n## ✔️ Changelog\nChanges exist in the [releases](https://github.com/wajahatkarim3/MediumClap-Android/releases) tab.\n\n## 💻 Installation\nAdd this in your app's build.gradle file:\n```groovy\ndependencies {\n  implementation 'com.wajahatkarim:clapfab:2.0.0'\n}\n```\n\nOr add ClapFab as a new dependency inside your pom.xml\n\n```xml\n\u003cdependency\u003e\n  \u003cgroupId\u003ecom.wajahatkarim3\u003c/groupId\u003e\n  \u003cartifactId\u003eclapfab\u003c/artifactId\u003e\n  \u003cversion\u003e2.0.0\u003c/version\u003e\n  \u003ctype\u003epom\u003c/type\u003e\n\u003c/dependency\u003e\n```\n\n## ❔ Usage\n\n```xml\n\u003ccom.wajahatkarim3.clapfab.ClapFAB\n        android:id=\"@+id/clapFAB\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:layout_marginBottom=\"8dp\"\n        android:layout_marginTop=\"8dp\"\n        app:cf_count_circle_color=\"@color/colorAccent\"\n        app:cf_count_text_color=\"@color/white_color\"\n        app:cf_default_icon=\"@drawable/ic_star_border_black_24dp\"\n        app:cf_default_icon_color=\"@color/colorAccent\"\n        app:cf_dots_1_color=\"@android:color/holo_green_dark\"\n        app:cf_dots_2_color=\"@color/colorAccent\"\n        app:cf_filled_icon=\"@drawable/ic_star_black_24dp\"\n        app:cf_filled_icon_color=\"@color/colorAccent\"\n        app:cf_max_clap_count=\"20\"\n        app:cf_clap_count=\"10\"                           \n        app:cf_format_clap_count=\"true\"\n        app:cf_long_press_enabled=\"false\"\n        app:cf_long_press_clap_interval=\"300\"/\u003e\n```\n\n## 🎨 Customization and Attributes\n\nAll customizable attributes for ClapFab\n\u003ctable\u003e\n    \u003cth\u003eAttribute Name\u003c/th\u003e\n    \u003cth\u003eDefault Value\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_default_icon\u003c/td\u003e\n        \u003ctd\u003e@drawable/ic_clap_hands_outline\u003c/td\u003e\n        \u003ctd\u003eThe default icon of the ClapFab button\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_filled_icon\u003c/td\u003e\n        \u003ctd\u003e@drawable/ic_clap_hands_filled\u003c/td\u003e\n        \u003ctd\u003eThe filled icon after clapping of the ClapFab button\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_default_icon_color\u003c/td\u003e\n        \u003ctd\u003e@color/colorClapIcon\u003c/td\u003e\n        \u003ctd\u003eThe color of default icon of the ClapFab button\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_filled_icon_color\u003c/td\u003e\n        \u003ctd\u003e@color/colorClapIcon\u003c/td\u003e\n        \u003ctd\u003eThe filled color of icon after clapping of the ClapFab button\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_max_clap_count\u003c/td\u003e\n        \u003ctd\u003e50\u003c/td\u003e\n        \u003ctd\u003eThe maximum count of clapping of the ClapFab button\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_count_circle_color\u003c/td\u003e\n        \u003ctd\u003e@color/colorClapIcon\u003c/td\u003e\n        \u003ctd\u003eThe color of count's circle background\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_count_text_color\u003c/td\u003e\n        \u003ctd\u003e@android:color/white\u003c/td\u003e\n        \u003ctd\u003eThe color of count's circle text\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_dots_1_color\u003c/td\u003e\n        \u003ctd\u003e@color/dotsColor1\u003c/td\u003e\n        \u003ctd\u003eThe color of particle's dots 1\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_dots_2_color\u003c/td\u003e\n        \u003ctd\u003e@color/dotsColor2\u003c/td\u003e\n        \u003ctd\u003eThe color of particle's dots 2\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_clap_count\u003c/td\u003e\n        \u003ctd\u003e0\u003c/td\u003e\n        \u003ctd\u003eThe default clap count\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_format_clap_count\u003c/td\u003e\n        \u003ctd\u003etrue\u003c/td\u003e\n        \u003ctd\u003eTrue, if the formatter for clap count is enabled. Formatter will convert 1000 to 1.0K etc.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_long_press_enabled\u003c/td\u003e\n        \u003ctd\u003etrue\u003c/td\u003e\n        \u003ctd\u003eThe flag to turn on/off the long press auto-clap ability. Default is true.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003eapp:cf_long_press_clap_interval\u003c/td\u003e\n        \u003ctd\u003e300\u003c/td\u003e\n        \u003ctd\u003eThe interval to automatically clap on long press in milliseconds. Default is 300ms\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n## Clap Listener\n```java\nClapFAB clapFAB = (ClapFAB) findViewById(R.id.clapFAB);\nclapFAB.setClapListener(new ClapFAB.OnClapListener() {\n            @Override\n            public void onFabClapped(@NotNull ClapFAB clapFab, int count, boolean isMaxReached) {\n                // count is the current count of the clapping\n                // isMaxReached is true when button has already reached the maximum count \n                // and is not being clapped anymore. Otherwise its false\n            }\n        });\n```\n\n## 📃 Libraries Used\n* ViewAnimator [https://github.com/florent37/ViewAnimator](https://github.com/florent37/ViewAnimator)\n* DotsView from Like Animation [https://github.com/jd-alexander/LikeButton](https://github.com/jd-alexander/LikeButton)\n\n## 💥 Achievements\n* #1 on [Github Trending in Kotlin](https://github.com/trending/kotlin?since=daily) language from 22nd June, 2018 to 24th June, 2018 \n* Featured in [Caster IO's](http://www.caster.io/) weekly [#AndroidDev Digest](https://www.androiddevdigest.com/) in the [Issue #193](https://www.androiddevdigest.com/digest-193/)\n* Featured in [Infinum's](https://infinum.co/) weekly #AndroidSweets newsletter issue #4\n* Featured in Mindork's [Kotlin Weekly Update 44](https://medium.com/mindorks/kotlin-weekly-update-44-70b7969027f9)\n* Featured in [Android Weekly China's](https://androidweekly.cn/) Issue [#185](https://androidweekly.cn/android-dev-weekly-issue-185/)\n* Mentioned in an [article about publishing libraries on jCenter](https://android.jlelse.eu/publishing-your-android-kotlin-or-java-library-to-jcenter-from-android-studio-1b24977fe450) on [AndroidPub](https://android.jlelse.eu/)\n \n## 💰 Donations\n\nThis project needs you! If you would like to support this project's further development, the creator of this project or the continuous maintenance of this project, feel free to donate. Your donation is highly appreciated (and I love food, coffee and beer). Thank you!\n\n**PayPal**\n\n* **[Donate $5](https://www.paypal.me/WajahatKarim/5)**: Thank's for creating this project, here's a tea (or some juice) for you!\n* **[Donate $10](https://www.paypal.me/WajahatKarim/10)**: Wow, I am stunned. Let me take you to the movies!\n* **[Donate $15](https://www.paypal.me/WajahatKarim/15)**: I really appreciate your work, let's grab some lunch!\n* **[Donate $25](https://www.paypal.me/WajahatKarim/25)**: That's some awesome stuff you did right there, dinner is on me!\n* **[Donate $50](https://www.paypal.me/WajahatKarim/50)**: I really really want to support this project, great job!\n* **[Donate $100](https://www.paypal.me/WajahatKarim/100)**: You are the man! This project saved me hours (if not days) of struggle and hard work, simply awesome!\n* **[Donate $2799](https://www.paypal.me/WajahatKarim/2799)**: Go buddy, buy Macbook Pro for yourself!\n\nOf course, you can also choose what you want to donate, all donations are awesome!\n\n## 👨 Developed By\n\n```\nWajahat Karim\n```\n- Website (http://wajahatkarim.com)\n- Twitter (http://twitter.com/wajahatkarim)\n- Medium (http://www.medium.com/@wajahatkarim3)\n- LinkedIn (http://www.linkedin.com/in/wajahatkarim)\n\n# 👍 How to Contribute\n1. Fork it\n2. Create your feature branch (git checkout -b my-new-feature)\n3. Commit your changes (git commit -am 'Add some feature')\n4. Push to the branch (git push origin my-new-feature)\n5. Create new Pull Request\n\n# 📃 License\n\n    Copyright 2022 Wajahat Karim\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwajahatkarim3%2Fmediumclap-android","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwajahatkarim3%2Fmediumclap-android","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwajahatkarim3%2Fmediumclap-android/lists"}