paper-onboarding 0,3,1,1,5,0,6 travis-ci CocoaPods

PaperOnboarding is a material design slider

header

paper-onboarding

Twitter CocoaPods CocoaPods CocoaPods Carthage compatible Travis codebeat badge

About

This project is maintained by Ramotion, Inc.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Looking for developers for your project?

StackViewController Example App

The iPhone mockup available here.

Try this UI control in action

Requirements

  • iOS 10.0+
  • Xcode 8

Installation

Just add the Source folder to your project.

or use CocoaPods with Podfile:

pod 'paper-onboarding', '~> 1.1.3' swift 2.2

pod 'paper-onboarding', '~> 2.0.1' swift 3

or Carthage users can simply add to their Cartfile:

github "Ramotion/paper-onboarding"

Usage

Storyboard

1) Create a new UIView inheriting from PaperOnboarding

2) Set dataSource in attribute inspector

or Code

override func viewDidLoad() {
  super.viewDidLoad()

  let onboarding = PaperOnboarding(itemsCount: 3)
  onboarding.dataSource = self
  onboarding.translatesAutoresizingMaskIntoConstraints = false
  view.addSubview(onboarding)

  // add constraints
  for attribute: NSLayoutAttribute in [.Left, .Right, .Top, .Bottom] {
    let constraint = NSLayoutConstraint(item: onboarding,
                                        attribute: attribute,
                                        relatedBy: .Equal,
                                        toItem: view,
                                        attribute: attribute,
                                        multiplier: 1,
                                        constant: 0)
    view.addConstraint(constraint)
  }
}

For adding content use dataSource methods:

func onboardingItemAtIndex(index: Int) -> OnboardingItemInfo {
   return [
     ("BIG_IMAGE1", "Title", "Description text", "IconName1", "BackgroundColor", textColor, DescriptionColor, textFont, DescriptionFont),
     ("BIG_IMAGE1", "Title", "Description text", "IconName1", "BackgroundColor", textColor, DescriptionColor, textFont, DescriptionFont),
     ("BIG_IMAGE1", "Title", "Description text", "IconName1", "BackgroundColor", textColor, DescriptionColor, textFont, DescriptionFont)
   ][index]
 }

 func onboardingItemsCount() -> Int {
    return 3
  }

configuration contant item:

func onboardingConfigurationItem(item: OnboardingContentViewItem, index: Int) {

//    item.titleLabel?.backgroundColor = .redColor()
//    item.descriptionLabel?.backgroundColor = .redColor()
//    item.imageView = ...
  }

License

paper-onboarding is released under the MIT license. See LICENSE for details.

Follow Us

Twitter URL Twitter Follow

Related Repositories

app-launch-guide

app-launch-guide

This aims to be an indie dev's definitive guide to building and launching your a ...

navigation-stack

navigation-stack

NavigationStack is a stack-modeled navigation controller ...

paper-onboarding-android

paper-onboarding-android

PaperOnboarding is a material design slider ...

securelogin

securelogin

SecureLogin Client Implementation for Web, Desktop (with Electron) and Mobile (w ...

java-best-practices

java-best-practices

Best practices in Coding, Designing and Architecting Java Applications ...


Top Contributors

ober01 Juriv mohpor aleksei1000000 radarhere RamotionRussell cgoldsby

Releases

-   2.0.0 zip tar
-   1.1.4 zip tar
-   1.1.3 zip tar
-   1.1.2 zip tar
-   1.1.1 zip tar
-   1.1.0 zip tar
-   1.0.2 zip tar
-   1.0.1 zip tar
-   0.1.0 zip tar
-   0.0.2 zip tar
-   0.0.1 zip tar