当前位置: 代码迷 >> Iphone >> 框架 Onboard-引导页式样制作库
  详细解决方案

框架 Onboard-引导页式样制作库

热度:425   发布时间:2016-04-25 05:23:58.0
框架 Onboard-引导页样式制作库

设置背景图片或者背景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/