Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
A

AppIntroAnimation

> 编程语言
Open source

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 ve

794 stars0 likes1 views
WebsiteGitHub

About

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 ve

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 intro screen.
  • Image translation animation used in Duolingo intro screen.

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

Java

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言