设置背景图片或者背景movie,然后在它们之上生成数个ViewController,默认是顶部一张图片,下面是标题和详细介绍,最下面是按钮和page
github地址 https://github.com/mamaral/Onboard
使用步骤:
1.导入头文件: #import "OnboardingViewController.h"
2.创建控制器-OnboardingContentViewController,给控制器添加各种元素
OnboardingContentViewController *firstVc = [OnboardingContentViewController contentWithTitle:@"第一页" body:@"这是第一张图片" image:[UIImage imageNamed:@"guidepage01"] buttonText:@"点1下" action:^{
NSLog(@"点击第一张图片");
}];
OnboardingContentViewController *secondVc = [OnboardingContentViewController contentWithTitle:@"第二页" body:@"这是第二种图片" image:[UIImage imageNamed:@"guidepage02"] buttonText:@"点2下" action:^{
NSLog(@"点击第二种图片");
}];
OnboardingContentViewController *thirdVc = [OnboardingContentViewController contentWithTitle:@"第三页" body:@"这是第三章图片" image:[UIImage imageNamed:@"guidepage03"] buttonText:@"点3下" action:^{
NSLog(@"点击第三章图片");
}];
其中:
- title是标题
- body是文本介绍
- image是顶部图片
- buttonText是按钮名称
- action是按钮点击事件block回调
3.创建背景图片 控制器- OnboardingViewController .将已创建的控制器添加上来
OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundImage:[UIImage imageNamed:@"guidepage04"] contents:@[firstVc,secondVc,thirdVc]];
4.调整整体效果
//可以给图片加上模糊效果(相当漂亮)
onboardingVC.shouldBlurBackground = YES;
//可以给蒙板上的文字加上淡出效果:
onboardingVC.shouldFadeTransitions = YES;
//字体样式
onboardingVC.fontName = @"Helvetica-Light";
//标题字体大小 ->参数:contentWithTitle
onboardingVC.titleFontSize = ;
//描述文字字体大小 ->参数:body
onboardingVC.bodyFontSize = ;
//OnboardingContentViewController ->参数:image的位置
onboardingVC.topPadding = ;
//OnboardingContentViewController 单独指->参数:contentWithTitle and body 距离屏幕顶部的位置
onboardingVC.underIconPadding = ;
//OnboardingContentViewController 单独指->参数:body 距离屏幕顶部的位置
onboardingVC.underTitlePadding = ;
//OnboardingContentViewController 单独指->参数:buttonText 距离屏幕底部的距离
onboardingVC.bottomPadding = ;
//是否显示pageController(就是那个计数点 ·····)默认为NO
onboardingVC.hidePageControl = YES;
//是否可以滑动(默认是YES)
onboardingVC.swipingEnabled = YES;
// 回调的block
secondVc.viewDidAppearBlock = ^{
NSLog(@"控制器即将显示..."); };
secondVc.viewDidDisappearBlock = ^{
NSLog(@"控制器即将消失..");
};
//按钮的点击事件 ->是否直接跳转到下一个控制器
secondVc.movesToNextViewController = YES;
以上的整理 参考 -->http://www.ios122.com/2015/11/onboard/