Skip to content

codeplayon

Menu
  • Home
  • DSA
  • 5G
  • 4G LTE
    • IoT
  • Android
    • Android Tutorials
    • Android development
  • Jetpack
  • Flutter
  • Kotlin
  • Blog
  • Apps
  • Streaming
HomeAndroid tutorialAndroid splash screen UI design 2022

Android splash screen UI design 2022

October 27, 2018

Hey Everyone in this Android tutorial I am sharing with you how to create an animated android splash screen to make a good UI. In android it is very easy and awesome you can follow just some steps for the Android splash screen and awesome UI design let’s start on a project. In this project, i am using a third-party library to make animations on the screen. and after five seconds the screen redirect on the next login screen.

You can just follow the below simple step and make an android splash screen animation.  Hara, we used a third-party dependency for splasher add this dependency in your Gradle. And Syn your project.

Android splash screen animation.

Step 1:-  Start Android Studio

Step 2 :- To Create a New Project Project Click On  ==> File  ==> NEW  ==>New Project. And Create an Activity in your project.

Step 3:-  Add dependencies in your app base build. Gradle 

dependencies {
        compile 'com.github.wailbabou:Splasher:0.1.2'
   
}

after adding dependency syn your proje to get the all class of dependency and create a new activity with the name is spleshscreenactivity. And user bewlo code to adding animation, set color, set image.

 

Step 4:- Open your java class and add this code.

public class SpleshScreenActivity extends SplasherActivity {
    @Override
    public void initSplasher(SplasherConfig config) {
        config.setReveal_start(Const.START_CENTER)
                //---------------
                .setAnimationDuration(3000)
                //---------------
                .setLogo(R.drawable.logo_ic)
                .setLogo_animation(Techniques.BounceIn)
                .setAnimationLogoDuration(5000)
                .setLogoWidth(400)
                //---------------
                .setTitle("Codeplayon.com")
                .setTitleColor(Color.parseColor("#ffffff"))
                .setTitleAnimation(Techniques.Bounce)
                .setTitleSize(30)
                //---------------
                .setSubtitle("Learn , Explore and Share")
                .setSubtitleColor(Color.parseColor("#ffffff"))
                .setSubtitleAnimation(Techniques.FadeIn)
                .setSubtitleSize(20)
                //---------------
                .setSubtitleTypeFace(Typeface.createFromAsset(getAssets(),"diana.otf"))
                .setTitleTypeFace(Typeface.createFromAsset(getAssets(),"stc.otf"));

        //Example of custom view ..
//        config.setCustomView(R.layout.custom_view)
//                .setReveal_start(Const.START_CENTER)
//                .setAnimationDuration(5000);
//        getCustomView().findViewById(R.id.textView);

    }
    @Override
    public void onSplasherFinished() {
        Toast.makeText(this, "Go to the next activity", Toast.LENGTH_SHORT).show();
        Intent intent=new Intent(SpleshScreenActivity.this,LogInActivity.class);
        startActivity(intent);
        finish();
    }
}

 

now the animation is ready Run your App and test to see the UI. Thanks for reading us reads more solutions and designs in android. And it works all android splash screen sizes for mobile tablets also.

 

Read More Tutorial 

  • Android Studio Bumblebee New Features 2022
  • Codeplayon Jetpack Compose Tutorial 
  • Codeplayon Android Tutorial 
  • Codeplayon Flutter Tutorial 
  • Codeplayon on Github

 

 

Tags:Android Awesome Login Screen Animations, Android Splash Screen Animation, Android splash screen awesome, Android splash screen awesome UI design, android splash screen code, android splash screen size, splash screen awesome UI design

Search

  • Everything You Need To Know About Proguard for Mobile Applications
  • 6 Hack To Find The Best Guest Posting Service
  • Metallic Nail Paint-Make Your Nails Shine and Glow
  • flutter bottom sheet open form the top of screen
  • Flutter How to render ListView items in sections
© 2023 Codeplayon | WordPress Theme by Superb WordPress Themes
Back to Top ↑
Go to mobile version