Onboard,迷人的引导页样式制作库
为什么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,迷人的引导页样式制作库相关推荐
- 框架 Onboard-引导页样式制作库
设置背景图片或者背景movie,然后在它们之上生成数个ViewController,默认是顶部一张图片,下面是标题和详细介绍,最下面是按钮和page github地址 https://github. ...
- APP启动引导页的制作,用ViewPager实现翻页动画
#Android网络与数据存储 第一章学习 ####一个启动引导页的制作#### 概要: 这次制作App的引导页,主要用到2个知识"SharedPreferences 和 ViewPager ...
- html app启动页制作,【示例】App引导页的制作
注意:本文为5+App的引导页制作方法,uni-app另行制作,推荐使用nvue制作,也可以参考插件市场已经封装的插件https://ext.dcloud.net.cn/plugin?id=192 启 ...
- 打造APP引导页3D切换特效
众所周知,一款好的APP,肯定有个很炫的APP引导页或者一个启动页,一个很炫的APP的引导页,肯定会为你的APP瞬间提高逼格,使得APP的用户体验瞬间倍增.那么接下来就给出一个API(setPageT ...
- 简单的php引导页面设计,PS简单制作唯美朦胧柔美的渐变APP引导页
今天小编为大家分享PS简单制作唯美朦胧柔美的渐变APP引导页方法,教程很不错,难度不是很大,推荐到脚本之家,大家快快来学习吧! 此适合和对颜色研究不深,又急需应用的朋友.小编良心保证,再零基础的同学也 ...
- Android stdio制作轮播图式带背景音乐的引导页
转载请注明原作者和原文链接 一款app如果要想吸引别人眼球,那么在第一次启动时展示出精美的引导页就是必不可少的,本次将会介绍如何制作滑动轮播图式带背景音乐的引导页. 先来看看引导页成果展示↓ 移动开发 ...
- html app启动页制作,APP引导页制作
原因: 在APP中经常见到,第一次启动的时候,有三张或者更多图片来回切换,介绍此APP的使用方法或做广告!点确定,进入APP后,第二次启动APP就不会出现了!这个使用WeX5也很简单就实现了 解决方案 ...
- 插画类引导页设计灵感|友好结合,总能带给人惊喜~
现在的APP数量越来越多,制作也是越来越精美,特别是引导页,各种APP都希望能在设计上 与其他APP区分开,从而给用户留下好的第一印象,并且更能吸引到用户的注意. 矢量插画与引导页的友好结合,总能带给 ...
- GitHub干货分享(APP引导页的高度集成 - DHGuidePageHUD)
每一个APP都会用到APP引导页,分量不重但是不可缺少,不论是APP的首次安装还是版本的更新,首先展现给用户眼前的也就只有它了,当然这里讲的不是APP引导页的美化而是APP引导页的高度集成,一行代码搞 ...
最新文章
- ssh免密码登录的原理
- 2011年1月和2月blog汇总:Orchard、敏捷个人、英语
- SDH/E1/T1/E3/T3/STM/TDM相关名词介绍
- Python列表的常用你操
- zabbix3 mysql_mysql分表-zabbix3.x
- RestTemplate.getForObject返回List的时候处理方式
- java 8 api 下载_JDK8 API文档(下载)
- C++ plus Primer 第六版中文版 带书签的 PDF
- Android webview网页截取长图
- Java实现简单电子邮件的发送
- 习题11-7 奇数值结点链表 (20分)
- 免费WiFi等你来上钩
- 电脑能正常上网百度,但是网络显示无Internet
- Poseidon Foundation:利物浦努力至2020年底成为首个“气候友好型”城市
- 用过印象笔记和石墨文档后,我发现了适合教师的写作软件
- 设计模式常用的七大原则
- 如有定义int a=128; 则输出语句printf(“%o”,a);的输出结果为?。
- (java)已知有十六支男子足球队参加2008 北京奥运会。
- Python如何打印彩色文本,代码瞬间高大上【深度好文,果断收藏】
- jquery.photoClip.js图片上传插件带拖动裁剪
热门文章
- 如何删除下一页分节符_word 2010高级应用:分节符的使用
- matlab max函数_从零开始的matlab学习笔记——(14)一些有用的函数(上):最值,平均数,中位数...
- 怒江java培训班_怒江万词霸屏是什么意思
- cron表达式 每天0点10分和30分_揭开考研阅卷的内幕,注意这些多得20分!
- 用计算机充手机吗,电脑充电器可以充手机吗
- 5.Java 面试题整理(JDBC ,JDO 方面)
- SciTE文本编辑器初体验
- 【codevs1078】最小生成树,prim算法
- 如何在电话中交谈_11
- 2017.9.24 森林 失败总结