Sliding Tutorial for Android

How we created Sliding tutorial for Android

If you can create an app – it`s fantastic, I tip my hat to you. However, to develop an Android app or IOS app and make it popular is not the same. The times when new application became famous only because it was new are gone forever! Now, if you want anyone to notice your creation you must be familiar with marketing strategies. You need the project to be seen, to be unique, to be recognizable. To get these you create a landing page, pay for commercials and make tutorials which show your potential users how beautiful, useful and easy your app is. To assist you with it, we created a fantastic library for Android platform, the aim of which is to build appealing tutorials for the project, to boost your enterprise unbelievably fast.

header

How it all started

Over the past few years, we have created lots of various Android applications and almost every time we faced difficulties making tutorials for these apps, we simply couldn`t find a universal tool, which would satisfy all our needs. After all, we understood that it’s our chance to make a contribution and we have to build this tool by our own.

Our aim was to write a library with the help of which you can change shades and sliding elements by one layer. Here you can play with the background colour on any page, set the pathway of each component, change a range of the elements and variate the elements coefficient.

To make your tutorial fresh and eye-catching we used Parallax approach to get 3D effect, which gives a fantastic showing to your product.

Make it better!

Why not? After a while, we saw how we could improve our brainchild and started the process of refactoring. We advanced the architecture, heightened the stability and added new methods of customization. Here you’ll find new public classes and new public interfaces. As well as that, we also got rid of some features, which looked out-of-date or overabundant.

As a result, we got a fantastic material which stands out from the rest with its simplicity and onliness. What is more important is that the library is open source! You can easily implement it thusly making the tutorial for your project noticeable, impressive and engaging.

How to integrate the library

The integration of the library isn’t hard, you can perform it via “gradle” The following information describes how to do it step by step.

step 1

First of all, you have to add gradle dependency. To do that, use the command below.

dependencies {
compile 'com.cleveroad:slidingtutorial:0.9'
}

step 2

After adding gradle dependency, you have to create each fragment that must extend from PageFragment. Also, you have to create your XML file with images.

public class FirstCustomPageFragment extends PageFragment {
@Override
protected int getLayoutResId() {
return R.layout.fragment_page_first;
}
@Override
protected int getBackgroundColorResId() {
return android.R.color.holo_orange_dark;
}
@Override
public int getRootResId() {
return R.id.rootFirstPage;
}
@Override
protected TransformItem[] provideTransformItems() {
return new TransformItem[]{
new TransformItem(R.id.ivFirstImage, true, 20),
new TransformItem(R.id.ivSecondImage, false, 6),
new TransformItem(R.id.ivThirdImage, true, 8),
new TransformItem(R.id.ivFourthImage, false, 10),
new TransformItem(R.id.ivFifthImage, false, 3),
new TransformItem(R.id.ivSixthImage, false, 9),
new TransformItem(R.id.ivSeventhImage, false, 14),
new TransformItem(R.id.ivEighthImage, false, 7)
};
}
}

step 3

Then you should provide these fragments in the main sliding tutorial fragment.

public class CustomPresentationPagerFragment extends PresentationPagerFragment {
@Override
protected List<? extends PageFragment> getPageFragments() {
List pageFragments = new ArrayList<>();
pageFragments.add(new FirstCustomPageFragment());
pageFragments.add(new SecondCustomPageFragment());
pageFragments.add(new ThirdCustomPageFragment());
return pageFragments;
}
@Override
public int getLayoutResId() {
return R.layout.fragment_presentation;
}
@Override
public int getViewPagerResId() {
return R.id.viewPager;
}
@Override
public int getIndicatorResId() {
return R.id.indicator;
}
@Override
public int getButtonSkipResId() {
return R.id.tvSkip;
}
}

As you see the steps are really very easy to make. The implementation won’t take long time, so if you want your customers to experience fantastic tutorial to your apps, go on Github and enjoy our work.

Author Bio

Daria R. is a copywriter at Cleveroad. It is a mobile and web development company in Ukraine that successfully implements various projects of any complexity. Our main aim is to help startups, small, and medium businesses create competitive and winning software.

Author: admin

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Shares