Android onboarding library.

Min SDK   15
Latest Commit   2017-07-28 14:30:40
License   Apache-2.0

Github   https://github.com/codemybrainsout/ahoy-onboarding

         

标签

Using app client to scan QR code to run Demo


         

Similarily...
UserGuideView 用户指引提示view
GuideView 最最轻量级的新手引导库,能够快速为任何一个View创建一个遮罩层,支持单个页面,多个引导提示,支持为高亮区域设置不同的图形,支持引导动画,方便扩展,良好支持fragment
SlidingIntoView initial commit
README

README.md

Ahoy! Onboarding

Onboarding library for android with Gradient, Image or Solid color backgrounds.

Installation

Gradle

Add it as a dependency in your app's build.gradle file

dependencies {
    compile 'com.codemybrainsout.onboarding:onboarder:1.0.4'
}

How to use

First of all, you will have to extend your activity like this

public class YourActivity extends AhoyOnboarderActivity {

Then, Create AhoyOnboarderCard and configure it accordingly

AhoyOnboarderCard ahoyOnboarderCard1 = new AhoyOnboarderCard("Title", "Description", R.drawable.icon1);
ahoyOnboarderCard1.setBackgroundColor(R.color.black_transparent);
ahoyOnboarderCard1.setTitleColor(R.color.white);
ahoyOnboarderCard1.setDescriptionColor(R.color.grey_200);
ahoyOnboarderCard1.setTitleTextSize(dpToPixels(10, this));
ahoyOnboarderCard1.setDescriptionTextSize(dpToPixels(8, this));
ahoyOnboarderCard1.setIconLayoutParams(iconWidth, iconHeight, marginTop, marginLeft, marginRight, marginBottom);

After that, Create a list of cards and set them using

List<AhoyOnboarderCard> pages = new ArrayList<>();
pages.add(ahoyOnboarderCard1);
pages.add(ahoyOnboarderCard2);
pages.add(ahoyOnboarderCard3);
...

setOnboardPages(pages);

Choose from one of these three background types

  • Gradient Background
setGradientBackground();

  • Image Background
setImageBackground(R.drawable.image);

  • Solid Background
List<Integer> colorList = new ArrayList<>();
colorList.add(R.color.solid_one);
colorList.add(R.color.solid_two);
colorList.add(R.color.solid_three);
setColorBackground(colorList);

                //or

setColorBackground(R.color.solid_one);

You can also customise the font to match your app

Typeface face = Typeface.createFromAsset(getAssets(), "fonts/Roboto-Light.ttf");
setFont(face);

Landscape mode

Other properties

//Show/Hide navigation controls
showNavigationControls(false);

//Set pager indicator colors
setInactiveIndicatorColor(R.color.grey);
setActiveIndicatorColor(R.color.white);

//Set finish button text
setFinishButtonTitle("Get Started");

//Set the finish button style
setFinishButtonDrawableStyle(ContextCompat.getDrawable(this, R.drawable.rounded_button));

Thanks

Changelog

v1.0.1

Landscape layout by Maxwell

v1.0.2

FinishButtonDrawableStyle by Maxwell

Support

If you've any questions regarding this library, please contact us at help@codemybrainsout.com

Credits

This project was initiated by Code My Brains Out. You can contribute to this project by submitting issues or/and by forking this repo and sending a pull request.

Follow us on:

Facebook     Twitter

Author: Rahul Juneja

License

Copyright (C) 2016 Code My Brains Out

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.