GitHub - Ramotion/paper-onboarding: PaperOnboarding is a material design UI slid...
source link: https://github.com/Ramotion/paper-onboarding
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
PAPER ONBOARDING
iOS library Paper Onboarding is a material design UI slider written on Swift.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.
Stay tuned for the latest updates:
Get Free Mockup For your project →
Requirements
- iOS 10.0+
- Xcode 10.2
Installation
Just add the Source folder to your project.
or use CocoaPods with Podfile:
pod 'paper-onboarding'
or Carthage users can simply add to their Cartfile
:
github "Ramotion/paper-onboarding"
Usage
Storyboard
-
Create a new UIView inheriting from
PaperOnboarding
-
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 onboardingItem(at index: Int) -> OnboardingItemInfo { return [ OnboardingItemInfo(informationImage: IMAGE, title: "title", description: "description", pageIcon: IMAGE, color: UIColor.RANDOM, titleColor: UIColor.RANDOM, descriptionColor: UIColor.RANDOM, titleFont: UIFont.FONT, descriptionFont: UIFont.FONT), OnboardingItemInfo(informationImage: IMAGE, title: "title", description: "description", pageIcon: IMAGE, color: UIColor.RANDOM, titleColor: UIColor.RANDOM, descriptionColor: UIColor.RANDOM, titleFont: UIFont.FONT, descriptionFont: UIFont.FONT), OnboardingItemInfo(informationImage: IMAGE, title: "title", description: "description", pageIcon: IMAGE, color: UIColor.RANDOM, titleColor: UIColor.RANDOM, descriptionColor: UIColor.RANDOM, titleFont: UIFont.FONT, descriptionFont: UIFont.FONT) ][index] } func onboardingItemsCount() -> Int { return 3 }
configuring content item:
func onboardingConfigurationItem(item: OnboardingContentViewItem, index: Int) { // item.titleLabel?.backgroundColor = .redColor() // item.descriptionLabel?.backgroundColor = .redColor() // item.imageView = ... }
? Check this library on other language:
? License
Paper Onboarding is released under the MIT license. See LICENSE for details.
This library is a part of a selection of our best UI open-source projects.
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
? Get the Showroom App for iOS to give it a try
Try this UI component and more like this in our iOS app. Contact us if interested.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK