Android splash screen UI design 2022

Android splash screen Android login screen design

154views

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