{"id":13604825,"url":"https://github.com/wajahatkarim3/EasyFlipViewPager","last_synced_at":"2025-04-12T02:31:55.361Z","repository":{"id":57729532,"uuid":"159159574","full_name":"wajahatkarim3/EasyFlipViewPager","owner":"wajahatkarim3","description":"📖 The library for creating book and card flip animations in ViewPager in Android","archived":false,"fork":false,"pushed_at":"2022-02-13T15:53:29.000Z","size":19012,"stargazers_count":814,"open_issues_count":5,"forks_count":98,"subscribers_count":17,"default_branch":"master","last_synced_at":"2024-11-03T03:39:04.606Z","etag":null,"topics":["android","android-library","animation","flip","flip-animation","page-transformer","pageflip","pagetransformer","transformations","transformer","viewpager","viewpager-transformer","viewpagertransformer"],"latest_commit_sha":null,"homepage":"https://android.jlelse.eu/easyflipviewpager-the-flip-animations-for-your-viewpager-fd66b34f4703","language":"Java","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-11-26T11:35:36.000Z","updated_at":"2024-10-29T07:18:18.000Z","dependencies_parsed_at":"2022-09-11T06:07:25.847Z","dependency_job_id":null,"html_url":"https://github.com/wajahatkarim3/EasyFlipViewPager","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FEasyFlipViewPager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FEasyFlipViewPager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FEasyFlipViewPager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahatkarim3%2FEasyFlipViewPager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wajahatkarim3","download_url":"https://codeload.github.com/wajahatkarim3/EasyFlipViewPager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223489671,"owners_count":17153799,"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-library","animation","flip","flip-animation","page-transformer","pageflip","pagetransformer","transformations","transformer","viewpager","viewpager-transformer","viewpagertransformer"],"created_at":"2024-08-01T19:00:51.689Z","updated_at":"2024-11-07T09:31:04.701Z","avatar_url":"https://github.com/wajahatkarim3.png","language":"Java","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"],"categories":["Java"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\u003cp\u003e\u003ca href=\"https://android.jlelse.eu/easyflipviewpager-the-flip-animations-for-your-viewpager-fd66b34f4703\"\u003e\u003cimg alt=\"New in the EasyFlipViewPager\" align=\"center\" src=\"https://img.shields.io/badge/%F0%9F%93%84%20-NEW-red.svg\" /\u003e\u003c/a\u003e\u0026nbsp;\nThe article on how this library was created is now published. You can \u003ca href=\"https://android.jlelse.eu/easyflipviewpager-the-flip-animations-for-your-viewpager-fd66b34f4703\"\u003eread it on this link here. →\u003c/a\u003e.\n\u003c/p\u003e\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/wajahatkarim3/EasyFlipViewPager/master/Art/easyflipviewpager_logo.png\"/\u003e\u003c/div\u003e\n\u003ch2 align=\"center\"\u003e\u003ca href=\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fwajahatkarim3%2FEasyFlipViewPager\u0026text=Create%20amazing%20book%20or%20card%20flipping%20animations%20for%20your%20ViewPager%20in%20Android%20with%20these%202-lines%20of%20code%20through%20EasyFlipViewPager\u0026hashtags=android%2C%20kotlin%2C%20java%2C%20opensource%2C%20programming\"\u003e\n        \u003cimg src=\"https://img.shields.io/twitter/url/http/shields.io.svg?style=social\"/\u003e\n    \u003c/a\u003e \u003ca href=\"https://twitter.com/WajahatKarim\"\u003e\n        \u003cimg src=\"https://img.shields.io/twitter/follow/WajahatKarim?style=social\"/\u003e\n    \u003c/a\u003e\u003c/h2\u003e \n\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003e\n    \u003c!-- AppCenter --\u003e\n    \u003ca href=\"https://appcenter.ms\"\u003e\n        \u003cimg src=\"https://build.appcenter.ms/v0.1/apps/5776861f-efe6-4d09-bee7-5e60bbd176f3/branches/master/badge\"/\u003e\n    \u003c/a\u003e\n    \u003c!-- Bintray --\u003e\n    \u003ca href='https://bintray.com/wajahatkarim3/EasyFlipViewPager/com.wajahatkarim3.easyflipviewpager/_latestVersion'\u003e\u003cimg src='https://api.bintray.com/packages/wajahatkarim3/EasyFlipViewPager/com.wajahatkarim3.easyflipviewpager/images/download.svg'\u003e\u003c/a\u003e\n    \u003c/a\u003e\n    \u003c!-- Product Hunt --\u003e\n    \u003ca href=\"https://www.producthunt.com/posts/easyflipviewpager\"\u003e\n        \u003cimg src='https://img.shields.io/badge/Available%20On-ProductHunt-orange.svg'\u003e\n    \u003c/a\u003e\n    \u003c!-- Arsenal \n    \u003ca href=\"https://android-arsenal.com/details/1/7109\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Android%20Arsenal-Easy%20Validation-brightgreen.svg?style=flat\"/\u003e\n    \u003c/a\u003e    --\u003e\n    \u003c!-- API --\u003e\n    \u003ca href=\"https://android-arsenal.com/api?level=14\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/API-14%2B-orange.svg?style=flat\"/\u003e\n    \u003c/a\u003e\n    \u003c!-- PRs Welcome --\u003e\n    \u003ca href=\"\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\"/\u003e\n    \u003c/a\u003e\n    \u003c!-- GitHub stars \n    \u003ca href=\"https://github.com/wajahatkarim3/EasyFlipViewPager\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/stars/nisrulz/validatetor.svg?style=social\u0026label=Star\"/\u003e\n    \u003c/a\u003e --\u003e\n    \u003c!-- GitHub forks \n    \u003ca href=\"https://github.com/wajahatkarim3/EasyFlipViewPager/fork\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/forks/nisrulz/validatetor.svg?style=social\u0026label=Fork\"/\u003e\n    \u003c/a\u003e --\u003e\n    \u003c!-- GitHub watchers \n    \u003ca href=\"https://github.com/wajahatkarim3/EasyFlipViewPager\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/watchers/nisrulz/validatetor.svg?style=social\u0026label=Watch\"/\u003e\n    \u003c/a\u003e --\u003e\n    \u003c!-- Say Thanks! --\u003e\n    \u003ca href=\"https://saythanks.io/to/wajahatkarim3\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.paypal.me/WajahatKarim/5\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000\u0026amp;style=flat\"\u003e\n    \u003c/a\u003e\n    \u003cbr/\u003e\n     \u003c!-- GitHub followers \n    \u003ca href=\"https://github.com/wajahatkarim3/EasyFlipViewPager\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/followers/nisrulz.svg?style=social\u0026label=Follow%20@nisrulz\"/\u003e\n    \u003c/a\u003e --\u003e\n    \u003c!-- Twitter Follow \n    \u003ca href=\"https://twitter.com/WajahatKarim\"\u003e\n        \u003cimg src=\"https://img.shields.io/twitter/follow/nisrulz.svg?style=social\"/\u003e\n    \u003c/a\u003e --\u003e\n\u003c/div\u003e\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/EasyFlipViewPager/graphs/contributors\"\u003e\n    contributors\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/wajahatkarim3/EasyFlipViewPager/master/Art/book_flip_demo.gif\" width=\"280px\" /\u003e \u003cimg src=\"https://raw.githubusercontent.com/wajahatkarim3/EasyFlipViewPager/master/Art/poker_demo.gif\" width=\"280px\" /\u003e \u003cimg src=\"https://raw.githubusercontent.com/wajahatkarim3/EasyFlipViewPager/master/Art/gallery_demo.gif\" width=\"280px\" /\u003e\n\u003c/div\u003e\n        \n\u003cbr/\u003e\n\n## 📖 Full Demo Video\n[![Demo Video](https://img.youtube.com/vi/ibuHv06wdhs/0.jpg)](https://www.youtube.com/watch?v=ibuHv06wdhs)\n\n## 📱 Download Demo on Android\nDownload the [APK file from here](https://github.com/wajahatkarim3/EasyFlipViewPager/blob/master/EasyFlipViewPagerDemo-2.0.0.apk?raw=true) on your Android phone and enjoy the Demo App :)\n\n## 💥 Achievements\n* #1 on [Github Trending in Kotlin](https://github.com/trending/kotlin?since=daily) language on 14th December, 2018 \n* Mentioned in an [article about behind-the-scenes of this library](https://android.jlelse.eu/easyflipviewpager-the-flip-animations-for-your-viewpager-fd66b34f4703) on [AndroidPub](https://android.jlelse.eu/)\n\n## 💻 Installation\n\n\u003e\u003e **Since the [v1.2.0](https://github.com/wajahatkarim3/EasyFlipViewPager/releases/tag/1.2.0), all new updates will only support `androidx` widgets. If you want to use `android.support`, then use [v1.0.0](https://github.com/wajahatkarim3/EasyFlipViewPager/releases/tag/1.0.0).**\n\nAdd `EasyFlipViewPager` in app's ```build.gradle``` file:\n\n```groovy\n   implementation 'com.wajahatkarim:easyflipviewpager:2.0.1'\n```\nOr add `EasyFlipViewPager` as a new dependency inside your `pom.xml`\n```xml\n\u003cdependency\u003e\n  \u003cgroupId\u003ecom.wajahatkarim\u003c/groupId\u003e\n  \u003cartifactId\u003eeasyflipviewpager\u003c/artifactId\u003e\n  \u003cversion\u003e2.0.1\u003c/version\u003e\n  \u003ctype\u003epom\u003c/type\u003e\n\u003c/dependency\u003e\n```\n## ❓ Usage\n\n### ViewPager\nJust create an object of either [`BookFlipPageTransformer`](https://github.com/wajahatkarim3/EasyFlipViewPager/blob/master/easyflipviewpager/src/main/java/com/wajahatkarim3/easyflipviewpager/BookFlipPageTransformer.java) or [`CardFlipPageTransformer`](https://github.com/wajahatkarim3/EasyFlipViewPager/blob/master/easyflipviewpager/src/main/java/com/wajahatkarim3/easyflipviewpager/CardFlipPageTransformer.java) and assign it to your `ViewPager` object by calling `ViewPager#setPageTransformer(true, myTransformerObject)`.\n\n### ViewPager2\nUse these new `PageTransformer` classes for `ViewPager2` instance: [`BookFlipPageTransformer2`](https://github.com/wajahatkarim3/EasyFlipViewPager/blob/master/easyflipviewpager/src/main/java/com/wajahatkarim3/easyflipviewpager/BookFlipPageTransformer2.java) or [`CardFlipPageTransformer2`](https://github.com/wajahatkarim3/EasyFlipViewPager/blob/master/easyflipviewpager/src/main/java/com/wajahatkarim3/easyflipviewpager/CardFlipPageTransformer2.java) \n\n\n### 💳 Card Flip Example\n```java\n// Get ViewPager2 and Set Adapter\nmyViewPager2 = findViewById(R.id.myViewPager2);\npagerAdapter = new MyPagerAdapter(this);\nmyViewPager2.setAdapter(pagerAdapter);\n\n// Create an object of page transformer\nCardFlipPageTransformer2 cardFlipPageTransformer = new CardFlipPageTransformer2();\n\n// Enable / Disable scaling while flipping. If false, then card will only flip as in Poker card example. \n// Otherwise card will also scale like in Gallery demo. By default, its true.\ncardFlipPageTransformer.setScalable(false);\n\n// Assign the page transformer to the ViewPager2.\nmyViewPager2.setPageTransformer(cardFlipPageTransformer);\n```\n\n### 📄 Book Flip Example\n```java\n// Get ViewPager2 and Set Adapter        \nmyViewPager2 = findViewById(R.id.myViewPager2);\npagerAdapter2 = new MyPagerAdapter(this);\nmyViewPager2.setAdapter(pagerAdapter);\n\n// Create an object of page transformer\nBookFlipPageTransformer2 bookFlipPageTransformer = new BookFlipPageTransformer2();\n\n// Enable / Disable scaling while flipping. If true, then next page will scale in (zoom in). By default, its true.\nbookFlipPageTransformer.setEnableScale(true);\n\n// The amount of scale the page will zoom. By default, its 5 percent.\nbookFlipPageTransformer.setScaleAmountPercent(10f);\n\n// Assign the page transformer to the ViewPager2.\nmyViewPager2.setPageTransformer(bookFlipPageTransformer);\n```\n\n## 👨 Developed By\n\n\u003ca href=\"https://twitter.com/WajahatKarim\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://avatars1.githubusercontent.com/u/8867121?s=460\u0026v=4\" width=\"70\" align=\"left\"\u003e\n\u003c/a\u003e\n\n**Wajahat Karim**\n\n[![Twitter](https://img.shields.io/badge/-twitter-grey?logo=twitter)](https://twitter.com/WajahatKarim)\n[![Web](https://img.shields.io/badge/-web-grey?logo=appveyor)](https://wajahatkarim.com/)\n[![Medium](https://img.shields.io/badge/-medium-grey?logo=medium)](https://medium.com/@wajahatkarim3)\n[![Linkedin](https://img.shields.io/badge/-linkedin-grey?logo=linkedin)](https://www.linkedin.com/in/wajahatkarim/)\n\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 2020 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%2FEasyFlipViewPager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwajahatkarim3%2FEasyFlipViewPager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwajahatkarim3%2FEasyFlipViewPager/lists"}