前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Onboard,迷人的引导页样式制作库

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

作者头像
ios122
发布2018-01-02 19:23:20
8650
发布2018-01-02 19:23:20
举报

简介

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

样式

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

导入

代码语言:javascript
复制
pod 'Onboard'

使用

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

图片为背景

蒙板控制器生成方法
  • title是标题
  • body是介绍
  • image是顶部图片
  • buttonText是按钮文本
  • block是按钮点击事件

```objc 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:^{ }]; ```

底部图片控制器
代码语言:javascript
复制
    OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundImage:[UIImage imageNamed:@"milky_way.jpg"] contents:@[firstPage, secondPage, thirdPage]];
底部video控制器
代码语言:javascript
复制
    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加一层黑色的蒙板,可以去掉它们:
代码语言:javascript
复制
    onboardingVC.shouldFadeTransitions = YES;
  • 可以给图片加上模糊效果(相当漂亮):
代码语言:javascript
复制
    onboardingVC.shouldBlurBackground = YES;
  • 可以给蒙板上的文字加上淡出效果:
代码语言:javascript
复制
    onboardingVC.shouldFadeTransitions = YES;
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-11-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介
  • 样式
  • 导入
  • 使用
    • 图片为背景
      • 蒙板控制器生成方法
      • 底部图片控制器
      • 底部video控制器
  • 定制
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档