All Projects → codemybrainsout → Ahoy Onboarding

codemybrainsout / Ahoy Onboarding

Licence: apache-2.0
Android onboarding library.

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Ahoy Onboarding

Showcaseview
This ShowcaseView library can be used to showcase any specific part of the UI or can even be used during OnBoarding of a user to give a short intro about different widgets visible on the screen.
Stars: ✭ 69 (-92.74%)
Mutual labels:  tutorial, onboarding
Tutti
Tutti is a Swift library that lets you create tutorials, hints and onboarding experiences.
Stars: ✭ 224 (-76.45%)
Mutual labels:  tutorial, onboarding
Gistlyn
Run Roslyn Gists
Stars: ✭ 75 (-92.11%)
Mutual labels:  tutorial, walkthrough
Pvonboardkit
Add your own walkthrough/intro/tutorial into the app
Stars: ✭ 51 (-94.64%)
Mutual labels:  tutorial, walkthrough
Skeleton
Skeleton Android
Stars: ✭ 293 (-69.19%)
Mutual labels:  gradient, cardview
Cehv10 Notes
📕 Both personal and public notes for EC-Council's CEHv10 312-50, because its thousands of pages/slides of boredom, and a braindump to many
Stars: ✭ 170 (-82.12%)
Mutual labels:  tutorial, walkthrough
Material Onboarding
A simple library which allows easy replication of several* app onboarding techniques.
Stars: ✭ 217 (-77.18%)
Mutual labels:  tutorial, onboarding
Pvview
A small library that helps you to make an amazing parallax view
Stars: ✭ 227 (-76.13%)
Mutual labels:  tutorial, onboarding
WVWalkthroughView
WVWalkthroughView is an objective C based utility to highlight certain parts for iOS apps.
Stars: ✭ 29 (-96.95%)
Mutual labels:  onboarding, walkthrough
GuideChimp
Create interactive guided product tours in minutes with the most non-technical friendly, lightweight and extendable library.
Stars: ✭ 138 (-85.49%)
Mutual labels:  onboarding, walkthrough
React Native Onboarding Swiper
🛳 Delightful onboarding for your React-Native app
Stars: ✭ 596 (-37.33%)
Mutual labels:  tutorial, onboarding
Onboardkit
Customisable user onboarding for your iOS app
Stars: ✭ 334 (-64.88%)
Mutual labels:  walkthrough, onboarding
Trip.js
🚀 Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
Stars: ✭ 789 (-17.03%)
Mutual labels:  tutorial, onboarding
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: ✭ 20 (-97.9%)
Mutual labels:  tutorial
Generals.io Node.js Bot Example
An example Node.js bot for generals.io. Learn more at http://dev.generals.io/api#tutorial
Stars: ✭ 28 (-97.06%)
Mutual labels:  tutorial
Opengl Seed
⚪🌱A modern OpenGL starter repo that you could use to get the ball rolling.
Stars: ✭ 20 (-97.9%)
Mutual labels:  tutorial
React Tutorial Kotlin
An implementation of the React Tutorial using Kotlin
Stars: ✭ 20 (-97.9%)
Mutual labels:  tutorial
Lemonml
🍋Machine Learning library from scratch.🍋
Stars: ✭ 29 (-96.95%)
Mutual labels:  tutorial
Pwa Example
A short example illustrating some essential steps for creating a progressive web app (PWA).
Stars: ✭ 28 (-97.06%)
Mutual labels:  tutorial
Learnrelay
Learn Relay - A comprehensive introduction to Relay (created by Graphcool)
Stars: ✭ 887 (-6.73%)
Mutual labels:  tutorial

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 [email protected]

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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].