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.
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.ย
ย
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 ๐งก