框架 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 = ;
//描述文字字体大小 ->参数: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-引导页样式制作库的更多相关文章
- Onboard,迷人的引导页样式制作库
简介 Onboard主要用于引导页制作,源码写的相当规范,值得参考. 项目主页: https://github.com/mamaral/Onboard 实例下载: https://github.com ...
- ViewPager—01引导页的制作
布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:t ...
- Sagit.Framework For IOS 开发框架入门教程3:Start引导页及框架布局和隐藏事件的内幕
前言: 框架依旧在快速更新着:在重构.简化代码,统一标准的过程中. 中间也遇到各种坑,不过好在一步一脚印的解决了. 虽然还有些功能还在思考,不过教程,还是得补上: 上篇文章:Sagit.Framewo ...
- MUI框架-06-静态页制作(图片轮播)
MUI框架-06-静态页制作(图片轮播) 轮播也是静态,是相对页面交互来说 上一篇介绍了如何设计一个简单的界面,还没有接触过,请先查看: MUI框架-01-介绍-创建项目-简单页面 轮播组件 之前也介 ...
- MUI - 引导页制作
引导页制作 本文的引导页和[官方的引导页示例](https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/guid ...
- Xamarin.Android之引导页的简单制作
0x01 前言 对于现在大部分的APP,第一次打开刚安装或更新安装的APP都会有几个引导界面,通常这几个引导页是告诉用户 APP有些什么功能或者修改了什么bug.新增了什么功能等等等. 下面就用Xam ...
- Android--ViewPager制作APP引导页
ViewPager使用FragmentStatePagerAdapter做Adapter,引导页使用多Fragment形式. FragmentStatePagerAdapter代码如下: public ...
- ViewPager制作APP引导页+若干动画效果
ViewPager使用FragmentStatePagerAdapter做Adapter,引导页使用多Fragment形式. 见http://www.cnblogs.com/bmbh/p/567276 ...
- 网站引导页插件intro.js 的用法
intro.js是一个用于制作网页引导效果的js插件,用法很简单,intro.js.v2.0.rar 1.在需要的页面添加引用 intro.js introjs.css 这两个文件已经足够,但是文件夹 ...
随机推荐
- python 学习笔记二十 django项目bbs论坛
项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...
- 关于IONIC 报错 XX is not a function
刚开始 做一个项目,总是报错"XX is not a function" 最后发现 原因 , 原来是 服务的 注入位置 有问题. angular.module(" ...
- maven创建子项目(适用于多模块管理项目)
在eclipse或者myeclipse下构建maven项目,该项目由多个子模块组成. 1.创建一个父项目 NEW -->project-->maven-->maven Project ...
- 。Java中的一些小细节
1.main方法. ------任何一个Java程序都有一个main方法,它是程序的入口. ------当执行 “ java + 类名 “ 这个命令时,JVM就会去加载这个类,并且寻找这个类中的m ...
- python re模块
re模块主要用于查找.替换.分割 print(re.__doc__) 特殊字符(元字符): "." 任意一个字符,除换行符(\n) "^" 字符串开头 &quo ...
- 关于js的闭包
http://kb.cnblogs.com/page/110782/ http://www.cnblogs.com/xiaotie/archive/2011/08/03/2126145.html
- [HIHO1393]网络流三·二分图多重匹配
题目链接:http://hihocoder.com/problemset/problem/1393 把项目到汇点的边权值都加起来,跑完最大流后看是否最大流=权值和.如果等于权值和说明所有项目都有足够的 ...
- NuGet安装及使用教程
Nuget是一个.NET平台下的开源的项目,它是Visual Studio的扩展.在使用Visual Studio开发基于.NET Framework的应用时,Nuget能把在项目中添加.移除和更新引 ...
- python http代理代码
googlecode :https://code.google.com/archive/p/python-proxy/source/default/source # -*- coding: cp125 ...
- Query Designer:变量注意事项
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
