https://github.com/ckdevrel/AppIntroAnimation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations.
https://github.com/ckdevrel/AppIntroAnimation
Last synced: 7 months ago
JSON representation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations.
- Host: GitHub
- URL: https://github.com/ckdevrel/AppIntroAnimation
- Owner: ckdevrel
- License: other
- Created: 2015-07-28T20:56:04.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2023-04-09T13:38:18.000Z (almost 3 years ago)
- Last Synced: 2025-06-01T00:21:50.159Z (9 months ago)
- Language: Java
- Homepage:
- Size: 187 KB
- Stars: 801
- Watchers: 39
- Forks: 156
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[](http://android-arsenal.com/details/3/2226)
# AppIntroAnimation
AppIntroAnimation is an library to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use, highly customizable without adding third party library integrations.
Demo I | Demo II
-------- | ---
 | 
> **Demo I** Enable `private boolean isSliderAnimation = false;` in `MainActivity.java` to apply this background pager transformation animation with Image translation effect..
> **Demo II** Enable `private boolean isSliderAnimation = true;` in `MainActivity.java` to apply this background pager transformation animation without Image translation effect..
How to use
----------
**STEP 1**:
Download the code and open `arrays.xml`.
@color/light_green
@color/light_purple
@color/light_orange
@color/light_cyan
@drawable/email
@drawable/calendar
@drawable/shopping
@drawable/socialnetwork
@string/email
@string/calender
@string/shopping
@string/social_network
@string/email_hint
@string/calender_hint
@string/shopping_hint
@string/social_network_hint
Here I have added 4 slides with images, titles and title hints as an example. You can update your png's, text content in above arrays.xml as per the project requirement.
> **Note:** The array count of images, titles and title hints should be of same count to avoid IndexBoundException.
**STEP 2**:
Place all your images that are to be used for making AppIntro's into the app drawable folders. To get exact output for multiple resolution and sizes, add scaled images seperately for drawable-xxxhdpi, drawable-xxhdpi, drawable-xhdpi, drawable-hdpi, drawable-mdpi etc., and fix the height and width of ImageView in `viewpager_item.xml`
Customization
-------------
To customize pager attributes like indicator stroke size, stroke color, solid color, solid size, solid color, selected color and unselected color, please open `vpi_defaults.xml` and customize as per your wish.
Following are the attributes that I have used in the project demo.
true
#FFFFFFFF
#40FFFFFF
0
3dp
false
#40FFFFFF
1dp
The app which inspired me to create these repos
> - Background color transformation animation used in [Google Inbox][1] intro screen.
> - Image translation animation used in [Duolingo][2] intro screen.
[1]: https://play.google.com/store/apps/details?id=com.google.android.apps.inbox
[2]: https://play.google.com/store/apps/details?id=com.duolingo