Skip to content
Codeplayon
  • Home
  • DSA
  • Jetpack
  • Flutter
  • Android
    • Android Tutorials
    • Android development
  • Kotlin
  • 5G
  • 4G LTE
    • IoT
  • e learning
  • Blog
Android splash screen Android login screen design

Android splash screen UI design 2022

October 27, 2018July 10, 2022 Codeplayon Android tutorial

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

 

 

Tagged 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

Post navigation

android user permission is allow or not
Android login screen design with animation – Android Studio 2022
  • How to send multipart file with Flutter 2023
  • flutter http get request with parameters example 2023
  • How to create Simple manga example for MangaSee app built with Flutter 2023
  • 9xflix 2023 – Download & Watch Full HD Latest Bollywood, Telugu, Tamil, and Hollywood Movies Free
  • Filmywap 2023 – Latest Bollywood HD Movies Download Free 1080p 720p 480p Filmywap.com
  • 5g technology
  • Android development
  • Android tutorial
  • Apps
  • Blog
  • Data Structure
  • e learning
  • entertainment
  • Fitness
  • Flutter
  • Flutter Tutorial for beginner
  • IoT technology – internet of things
  • Jetpack Compose
  • Kotlin
  • LTE Tutorial Long-Term Evolution 
  • news
  • Sponsored Post
  • Streaming
  • Tech
  • Tech Interview
Proudly powered by WordPress | Theme: NewsAnchor by aThemes.