Onboard,迷人的引导页样式制作库

简介

Onboard主要用于引导页制作,源码写的相当规范,值得参考.

样式

设置背景图片或者背景movie,然后在它们之上生成数个ViewController,默认是顶部一张图片,下面是标题和详细介绍,最下面是按钮和page

导入

pod 'Onboard'

使用

  • 导入头文件#import "OnboardingViewController.h"

图片为背景

蒙板控制器生成方法
  • title是标题

  • body是介绍

  • image是顶部图片

  • buttonText是按钮文本

  • block是按钮点击事件

OnboardingContentViewController *firstPage = [OnboardingContentViewController contentWithTitle:@"What A Beautiful Photo" body:@"This city background image is so beautiful." image:[UIImage imageNamed:@"blue"] buttonText:@"Enable Location Services" action:^{
}];
    
OnboardingContentViewController *secondPage = [OnboardingContentViewController contentWithTitle:@"I'm so sorry" body:@"I can't get over the nice blurry background photo." image:[UIImage imageNamed:@"red"] buttonText:@"Connect With Facebook" action:^{
}];       
secondPage.movesToNextViewController = YES;
secondPage.viewDidAppearBlock = ^{
};
    
OnboardingContentViewController *thirdPage = [OnboardingContentViewController contentWithTitle:@"Seriously Though" body:@"Kudos to the photographer." image:[UIImage imageNamed:@"yellow"] buttonText:@"Get Started" action:^{
}];
底部图片控制器
    OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundImage:[UIImage imageNamed:@"milky_way.jpg"] contents:@[firstPage, secondPage, thirdPage]];
底部video控制器
    NSBundle *bundle = [NSBundle mainBundle];
    NSString *moviePath = [bundle pathForResource:@"yourVid" ofType:@"mp4"];
    NSURL *movieURL = [NSURL fileURLWithPath:moviePath];
    OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundVideoURL:movieURL contents:@[firstPage, secondPage, thirdPage]];

定制

  • 默认的会给背景图片或者movie加一层黑色的蒙板,可以去掉它们:

    onboardingVC.shouldFadeTransitions = YES;
  • 可以给图片加上模糊效果(相当漂亮):

    onboardingVC.shouldBlurBackground = YES;
  • 可以给蒙板上的文字加上淡出效果:

    onboardingVC.shouldFadeTransitions = YES;

注: 文章由我们 iOS122 的小伙伴 @酌晨茗 整理,喜欢就一起参与: iOS122 任务池

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值