App Intro Screen | Android App Development | Lecture#51 | Hive Learners

๐“–๐“ป๐“ฎ๐“ฎ๐“ฝ๐“ฒ๐“ท๐“ฐ๐“ผ

Hello Hive Learners, I hope you all are well. In lecture 50 we learn the efficient way to implement the Splash screen in our Android Project, Today we will learn how to add an intro to our App. We will use the App Intro a FancyWalkthrough-Android library from GitHub and use it in our project. It is the simple and more reliable way to implement the App Intro in Android Project. We can also do it manually by using the Fragments and ViewPager. But this time we will use the Library.

GitHub Link

Use this GitHub project to clone into your directory. The following lecture will update it so you will never miss the latest code. Happy Coding!

What Should I Learn

  • How to implement App Introduction Pages

Assignment

  • Implement the App Intro in your project

Procedure

First of all, we need to implement the requirement in our project go to the official GitHub library of FancyWalkthrough-Android Link. You will find how to set it up in the Android Project. Follow these steps.

add this in the settings.gradle file in repositories tag.

        maven { url "https://jitpack.io" }

add this implementation in the dependencies tag and sync the project

    implementation 'com.github.Shashank02051997:FancyWalkthrough-Android:2.3'

Now create a class with the name App_Intro.java

Extends this class with FancyWalkthroughActivity and add this code you can customize it.

puc class App_Intro extends FancyWalkthroughActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        FancyWalkthroughCard fancywalkthroughCard1 = new FancyWalkthroughCard("Welcome", "Hive Learners", R.drawable.hive_logo);
        fancywalkthroughCard1.setBackgroundColor(R.color.white);
        fancywalkthroughCard1.setTitleColor(R.color.black);
        fancywalkthroughCard1.setDescriptionColor(R.color.black);

        FancyWalkthroughCard fancywalkthroughCard2 = new FancyWalkthroughCard("Learn and Earn", "with Lazy-Panda", R.drawable.hive_logo);
        fancywalkthroughCard2.setBackgroundColor(R.color.white);
        fancywalkthroughCard2.setTitleColor(R.color.black);
        fancywalkthroughCard2.setDescriptionColor(R.color.black);


    }

    @Override
    public void onFinishButtonPressed() {

    }
}

Now we need to create a list of these pages and set it in the setOnboardPages you can also find this implementation on the library GitHub page.

It is now an activity with no layout we need to declare it in the Manifest and in Splash_Activity.java file after 2 seconds of code, we redirect the app to this App_Intro page.

Run the App and if it is working or not.


hl_divider.png

Thank You

hl_footer_banner.png



0
0
0.000
2 comments
avatar

Thanks for your contribution to the STEMsocial community. Feel free to join us on discord to get to know the rest of us!

Please consider delegating to the @stemsocial account (85% of the curation rewards are returned).

You may also include @stemsocial as a beneficiary of the rewards of this post to get a stronger support.ย 
ย 

0
0
0.000
avatar

Ohh, I have to get back to my Web development training after being away for a long. This your article just made me realise I have lot of catching up to do. Thank you for sharing ๐Ÿงก

0
0
0.000