设置背景图片或者背景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 = 22; //描述文字字体大小 ->参数:body onboardingVC.bodyFontSize = 50; //OnboardingContentViewController ->参数:image的位置 onboardingVC.topPadding = 20; //OnboardingContentViewController 单独指->参数:contentWithTitle and body 距离屏幕顶部的位置 onboardingVC.underIconPadding = 20; //OnboardingContentViewController 单独指->参数:body 距离屏幕顶部的位置 onboardingVC.underTitlePadding = 20; //OnboardingContentViewController 单独指->参数:buttonText 距离屏幕底部的距离 onboardingVC.bottomPadding = 400;
//是否显示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/