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

框架 Onboard-引导页样式制作库的更多相关文章

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

    简介 Onboard主要用于引导页制作,源码写的相当规范,值得参考. 项目主页: https://github.com/mamaral/Onboard 实例下载: https://github.com ...

  2. ViewPager—01引导页的制作

    布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:t ...

  3. Sagit.Framework For IOS 开发框架入门教程3:Start引导页及框架布局和隐藏事件的内幕

    前言: 框架依旧在快速更新着:在重构.简化代码,统一标准的过程中. 中间也遇到各种坑,不过好在一步一脚印的解决了. 虽然还有些功能还在思考,不过教程,还是得补上: 上篇文章:Sagit.Framewo ...

  4. MUI框架-06-静态页制作(图片轮播)

    MUI框架-06-静态页制作(图片轮播) 轮播也是静态,是相对页面交互来说 上一篇介绍了如何设计一个简单的界面,还没有接触过,请先查看: MUI框架-01-介绍-创建项目-简单页面 轮播组件 之前也介 ...

  5. MUI - 引导页制作

    引导页制作 本文的引导页和[官方的引导页示例](https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/guid ...

  6. Xamarin.Android之引导页的简单制作

    0x01 前言 对于现在大部分的APP,第一次打开刚安装或更新安装的APP都会有几个引导界面,通常这几个引导页是告诉用户 APP有些什么功能或者修改了什么bug.新增了什么功能等等等. 下面就用Xam ...

  7. Android--ViewPager制作APP引导页

    ViewPager使用FragmentStatePagerAdapter做Adapter,引导页使用多Fragment形式. FragmentStatePagerAdapter代码如下: public ...

  8. ViewPager制作APP引导页+若干动画效果

    ViewPager使用FragmentStatePagerAdapter做Adapter,引导页使用多Fragment形式. 见http://www.cnblogs.com/bmbh/p/567276 ...

  9. 网站引导页插件intro.js 的用法

    intro.js是一个用于制作网页引导效果的js插件,用法很简单,intro.js.v2.0.rar 1.在需要的页面添加引用 intro.js introjs.css 这两个文件已经足够,但是文件夹 ...

随机推荐

  1. js 方法封装实例

    (function(){ if(windows.Mr_2_B){windows.Mr_2_B={};} function trim(txt){return txt.replace(/(^\s*|(\s ...

  2. XSS常用技巧

    一般发现一个xss漏洞后要做的基本上就是这些: 1. 伪造请求 使用$_REQUEST或$_GET 首先我们要找找该网站使用的程序是不是在网上能找到源码,如果能找到源码的话,就去分析后台管理员更改密码 ...

  3. Markdown学习和插件介绍

    markdown能干啥 亲们github上的项目首页的 内容+样式,都是项目中README.md文件控制的.将md风格的代码,转化成html. 而且markdown语法非常简单,5-10分钟即可学会! ...

  4. Scrum Meeting 14-20151227

    说明 这几天我们代码人员一直在做数据库,没有来得及更新博客,从明天开始将会正常做scrum meeting,也将加快开发 工作,预计beta版本将会在12.30之前发布. 摘要 目前基本开发都已经做的 ...

  5. C语言多文件编译

    fun.c #include <stdio.h> int fun1(){ printf("The first function!\n"); return 0; } in ...

  6. zend studio 10破解/汉化

    http://blog.csdn.net/qq1355541448/article/details/16807429

  7. 转:java怎么用一行代码初始化ArrayList

    java怎么用一行代码初始化ArrayList 您可以创建一个工厂方法: public static ArrayList<String> createArrayList(String .. ...

  8. 样本、文库、重复、lane、run - 二代测序原理及名词解释

    参考: 独占鳌头的Illumina仪器(二代测序篇) HiSeq2000测序原理.流程与仪器 NGS文库制备的方法比较[心得点评] 各种测序文库构建方式 样本:就是待测的DNA.RNA或蛋白序列,样本 ...

  9. Working with Data » Getting started with ASP.NET Core and Entity Framework Core using Visual Studio » 更新关系数据

    Updating related data¶ 7 of 7 people found this helpful The Contoso University sample web applicatio ...

  10. 命令查看DB restore进度

    SELECT DB_NAME(er.[database_id]) [DatabaseName],er.[session_id] AS [SessionID],er.[command] AS [Comm ...