• Stars
    star
    836
  • Rank 52,291 (Top 2 %)
  • Language
    Swift
  • License
    MIT License
  • Created about 8 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A simple and attractive AlertView to onboard your users in your amazing world.

AlertOnboarding

A simple and attractive AlertView to onboard your users in your amazing world.

Platform Language License

PRESENTATION

This AlertOnboarding was inspired by this amazing dribbble. It will help you to maximise, simply, onboarding process on your app.

DEMO

INSTALLATION

####COCOAPODS

pod 'AlertOnboarding'

USAGE

//First, declare datas
var arrayOfImage = ["image1", "image2", "image3"]
var arrayOfTitle = ["CREATE ACCOUNT", "CHOOSE THE PLANET", "DEPARTURE"]
var arrayOfDescription = ["In your profile, you can view the statistics of its operations and the recommandations of friends",
"Purchase tickets on hot tours to your favorite planet and fly to the most comfortable intergalactic spaceships of best companies",
"In the process of flight you will be in cryogenic sleep and supply the body with all the necessary things for life"]

//Simply call AlertOnboarding...
var alertView = AlertOnboarding(arrayOfImage: arrayOfImage, arrayOfTitle: arrayOfTitle, arrayOfDescription: arrayOfDescription)

//... and show it !
alertView.show()

//And maybe, if you want, you can hide it.
alertView.hide()

CUSTOMIZING

You have to set options BEFORE call show() function.

//Modify background color of AlertOnboarding
self.alertView.colorForAlertViewBackground = UIColor(red: 173/255, green: 206/255, blue: 183/255, alpha: 1.0)

//Modify colors of AlertOnboarding's button
self.alertView.colorButtonText = UIColor.whiteColor()
self.alertView.colorButtonBottomBackground = UIColor(red: 65/255, green: 165/255, blue: 115/255, alpha: 1.0)

//Modify colors of labels
self.alertView.colorTitleLabel = UIColor.whiteColor()
self.alertView.colorDescriptionLabel = UIColor.whiteColor()

//Modify colors of page indicator
self.alertView.colorPageIndicator = UIColor.whiteColor()
self.alertView.colorCurrentPageIndicator = UIColor(red: 65/255, green: 165/255, blue: 115/255, alpha: 1.0)

//Modify size of alertview (Purcentage of screen height and width)
self.alertView.percentageRatioHeight = 0.5
self.alertView.percentageRatioWidth = 0.5

//Modify labels
self.alertView.titleSkipButton = "PASS"
self.alertView.titleGotItButton = "UNDERSTOOD !"

TRACKING EVENTS

If you want to know when the user completes onboarding, skips onboarding, or triggers the next step, you can use the AlertOnboardingDelegate to listen for these updates.

//Add delegate to your ViewController
class ViewController: UIViewController, AlertOnboardingDelegate

//... when initialising AlertOnboarding
alertView.delegate = self

//... inside your class that conforms to AlertOnboardingDelegate
func alertOnboardingSkipped(currentStep: Int, maxStep: Int) {
    print("Onboarding skipped the \(currentStep) step and the max step he saw was the number \(maxStep)")
}

func alertOnboardingCompleted() {
   print("Onboarding completed!")
}

func alertOnboardingNext(nextStep: Int) {
   print("Next step triggered! \(nextStep)")
}

FEATURES

  • Multi-Device Full Support
  • Rotation Support
  • Swift 3 Support
  • Fully customisable
  • Tracking Events

Version

2.0

Author

Philippe BOISNEY (phil.boisney(@)gmail.com)

Design

Sasha Gorosh

More Repositories

1

ArchApp

Simple Android app to show how to design a multi-modules MVVM Android app (fully tested)
Kotlin
618
star
2

GithubArchitectureComponents

The implementation of Android "Architecture Components" sample explained by Google : https://developer.android.com/topic/libraries/architecture/guide.html
Java
304
star
3

NoBullshit

A sample project entirely written in Kotlin. Backend/Frontend with Ktor and Android app.
Kotlin
221
star
4

ModernSearchBar

The famous iOS search bar with auto completion feature implemented.
Swift
183
star
5

LinearProgressBar

A simple Linear Progress Bar for IOS (Swift 3.0), inspired by Material Design
Swift
150
star
6

Material

Simple Android app to show how to design a Hierarchical Transition in Material Design.
Kotlin
150
star
7

GithubApp

A showcase app showing how to use PagingLibrary with Retrofit, Coroutines, Koin & Testing.
Kotlin
129
star
8

Swift-Slide-Menu

A Slide Menu, written in Swift, inspired by Slide Menu Material Design
Swift
88
star
9

OpenClassrooms---Parcours-Android

Ensemble de documents & mini-projets réalisés durant la formation diplômante d'un an OpenClassrooms (DÉVELOPPEUR·SE D'APPLICATION - ANDROID)
Java
78
star
10

android-multi-modules-navigation-demo

Android demo about navigation on a multi-modules project
Kotlin
65
star
11

SimpleDroidRx

An application that helps you learn and better understand ReactiveX
Java
61
star
12

RetroKotlin

Simple Android app to show how unit testing with MockWebServer and Architecture Components (ViewModel + LiveData)
Kotlin
61
star
13

AlertViewLoveNotification

A simple and attractive AlertView to ask permission to your users for Push Notification.
Swift
37
star
14

SimpleFloatingActionButton

Material design Circular Floating Button Menu (inspired by Google Material Design) for iOS written in Swift 2.0
Swift
23
star
15

RxJava2WithLoader

RxJava2 : Better Handling Rotation with Loaders & ConnectableObservable
Java
12
star
16

AnimatedVectorDrawable_Sketch

3
star
17

SaveMyTrip_OC

Java
1
star