为什么80%的码农都做不了架构师?>>>   

简介

Onboard主要用于引导页制作,源码写的相当规范,值得参考.

  • 项目主页: https://github.com/mamaral/Onboard
  • 实例下载: https://github.com/mamaral/Onboard/archive/master.zip

样式

设置背景图片或者背景movie,然后在它们之上生成数个ViewController,默认是顶部一张图片,下面是标题和详细介绍,最下面是按钮和page

导入

pod 'Onboard'

使用

  • 导入头文件#import "OnboardingViewController.h"

图片为背景

蒙板控制器生成方法

  • title是标题
  • body是介绍
  • image是顶部图片
  • buttonText是按钮文本
  • block是按钮点击事件
OnboardingContentViewController *firstPage = [OnboardingContentViewController contentWithTitle:@"What A Beautiful Photo" body:@"This city background image is so beautiful." image:[UIImage imageNamed:@"blue"] buttonText:@"Enable Location Services" action:^{
}];OnboardingContentViewController *secondPage = [OnboardingContentViewController contentWithTitle:@"I'm so sorry" body:@"I can't get over the nice blurry background photo." image:[UIImage imageNamed:@"red"] buttonText:@"Connect With Facebook" action:^{
}];
secondPage.movesToNextViewController = YES;
secondPage.viewDidAppearBlock = ^{
};OnboardingContentViewController *thirdPage = [OnboardingContentViewController contentWithTitle:@"Seriously Though" body:@"Kudos to the photographer." image:[UIImage imageNamed:@"yellow"] buttonText:@"Get Started" action:^{
}];

底部图片控制器

  OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundImage:[UIImage imageNamed:@"milky_way.jpg"] contents:@[firstPage, secondPage, thirdPage]];

底部video控制器

   NSBundle *bundle = [NSBundle mainBundle];NSString *moviePath = [bundle pathForResource:@"yourVid" ofType:@"mp4"];NSURL *movieURL = [NSURL fileURLWithPath:moviePath];OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundVideoURL:movieURL contents:@[firstPage, secondPage, thirdPage]];

定制

  • 默认的会给背景图片或者movie加一层黑色的蒙板,可以去掉它们:
   onboardingVC.shouldFadeTransitions = YES;
  • 可以给图片加上模糊效果(相当漂亮):
  onboardingVC.shouldBlurBackground = YES;
  • 可以给蒙板上的文字加上淡出效果:
  onboardingVC.shouldFadeTransitions = YES;

注: 文章由我们 iOS122 的小伙伴 @酌晨茗 整理,喜欢就一起参与: iOS122 任务池

转载于:https://my.oschina.net/ios122/blog/534967

Onboard,迷人的引导页样式制作库相关推荐

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

    设置背景图片或者背景movie,然后在它们之上生成数个ViewController,默认是顶部一张图片,下面是标题和详细介绍,最下面是按钮和page github地址  https://github. ...

  2. APP启动引导页的制作,用ViewPager实现翻页动画

    #Android网络与数据存储 第一章学习 ####一个启动引导页的制作#### 概要: 这次制作App的引导页,主要用到2个知识"SharedPreferences 和 ViewPager ...

  3. html app启动页制作,【示例】App引导页的制作

    注意:本文为5+App的引导页制作方法,uni-app另行制作,推荐使用nvue制作,也可以参考插件市场已经封装的插件https://ext.dcloud.net.cn/plugin?id=192 启 ...

  4. 打造APP引导页3D切换特效

    众所周知,一款好的APP,肯定有个很炫的APP引导页或者一个启动页,一个很炫的APP的引导页,肯定会为你的APP瞬间提高逼格,使得APP的用户体验瞬间倍增.那么接下来就给出一个API(setPageT ...

  5. 简单的php引导页面设计,PS简单制作唯美朦胧柔美的渐变APP引导页

    今天小编为大家分享PS简单制作唯美朦胧柔美的渐变APP引导页方法,教程很不错,难度不是很大,推荐到脚本之家,大家快快来学习吧! 此适合和对颜色研究不深,又急需应用的朋友.小编良心保证,再零基础的同学也 ...

  6. Android stdio制作轮播图式带背景音乐的引导页

    转载请注明原作者和原文链接 一款app如果要想吸引别人眼球,那么在第一次启动时展示出精美的引导页就是必不可少的,本次将会介绍如何制作滑动轮播图式带背景音乐的引导页. 先来看看引导页成果展示↓ 移动开发 ...

  7. html app启动页制作,APP引导页制作

    原因: 在APP中经常见到,第一次启动的时候,有三张或者更多图片来回切换,介绍此APP的使用方法或做广告!点确定,进入APP后,第二次启动APP就不会出现了!这个使用WeX5也很简单就实现了 解决方案 ...

  8. 插画类引导页设计灵感|友好结合,总能带给人惊喜~

    现在的APP数量越来越多,制作也是越来越精美,特别是引导页,各种APP都希望能在设计上 与其他APP区分开,从而给用户留下好的第一印象,并且更能吸引到用户的注意. 矢量插画与引导页的友好结合,总能带给 ...

  9. GitHub干货分享(APP引导页的高度集成 - DHGuidePageHUD)

    每一个APP都会用到APP引导页,分量不重但是不可缺少,不论是APP的首次安装还是版本的更新,首先展现给用户眼前的也就只有它了,当然这里讲的不是APP引导页的美化而是APP引导页的高度集成,一行代码搞 ...

最新文章

  1. ssh免密码登录的原理
  2. 2011年1月和2月blog汇总:Orchard、敏捷个人、英语
  3. SDH/E1/T1/E3/T3/STM/TDM相关名词介绍
  4. Python列表的常用你操
  5. zabbix3 mysql_mysql分表-zabbix3.x
  6. RestTemplate.getForObject返回List的时候处理方式
  7. java 8 api 下载_JDK8 API文档(下载)
  8. C++ plus Primer 第六版中文版 带书签的 PDF
  9. Android webview网页截取长图
  10. Java实现简单电子邮件的发送
  11. 习题11-7 奇数值结点链表 (20分)
  12. 免费WiFi等你来上钩
  13. 电脑能正常上网百度,但是网络显示无Internet
  14. Poseidon Foundation:利物浦努力至2020年底成为首个“气候友好型”城市
  15. 用过印象笔记和石墨文档后,我发现了适合教师的写作软件
  16. 设计模式常用的七大原则
  17. 如有定义int a=128; 则输出语句printf(“%o”,a);的输出结果为?。
  18. (java)已知有十六支男子足球队参加2008 北京奥运会。
  19. Python如何打印彩色文本,代码瞬间高大上【深度好文,果断收藏】
  20. jquery.photoClip.js图片上传插件带拖动裁剪

热门文章

  1. 如何删除下一页分节符_word 2010高级应用:分节符的使用
  2. matlab max函数_从零开始的matlab学习笔记——(14)一些有用的函数(上):最值,平均数,中位数...
  3. 怒江java培训班_怒江万词霸屏是什么意思
  4. cron表达式 每天0点10分和30分_揭开考研阅卷的内幕,注意这些多得20分!
  5. 用计算机充手机吗,电脑充电器可以充手机吗
  6. 5.Java 面试题整理(JDBC ,JDO 方面)
  7. SciTE文本编辑器初体验
  8. 【codevs1078】最小生成树,prim算法
  9. 如何在电话中交谈_11
  10. 2017.9.24 森林 失败总结