美文网首页人工智能技术杂谈程序员ios开发进阶
[程序员日记]iOS引导页LQIntroView

[程序员日记]iOS引导页LQIntroView

作者: KeyLiu7 | 来源:发表于2017-04-17 13:50 被阅读225次

引导页是app下载后打开的第一页,也决定着用户对软件的第一印象。在很多app中都是以多张图片通过滚动的方式介绍软件的内容,但形式过于单调。现今app中,有通过视频形式介绍(如keep等),都是在加强软件的吸引力。下面这个框架这是曾经一个项目中使用的框架,当然还是以图片为主,但加入了透明度渐变的效果,正价注重用户体验。先来看效果:

简述

  • LQIntroPageManager 引导页管理类,主要控制引导页只显示一次(app初次下载或更新时)
  • LQIntroView 引导页视图,设置引导页的一些效果
  • LQIntroPage 具体引导页,可设置图片,文字等

使用

  • 1.创建若干LQIntroPage,设置每一页的图片、文字
  • 2.创建LQIntroView,通过initWithFrame:(CGRect)frame andPages:(NSArray *)pagesArray方法传入LQIntroPage数组
  • 3.设置代理(引导页结束时调用)
  • 4.通过showInView:(UIView *)view animateDuration:(CGFloat)duration将其添加到当前view上
@property (nonatomic, strong) LQIntroView       *intro;

- (void)showCustomIntro {
    LQIntroPage *page1 = [LQIntroPage page];
    page1.bgImage = [UIImage imageNamed:@"欢迎页1"];

    LQIntroPage *page2 = [LQIntroPage page];
    page2.bgImage = [UIImage imageNamed:@"欢迎页2"];

    LQIntroPage *page3 = [LQIntroPage page];
    page3.bgImage = [UIImage imageNamed:@"欢迎页3"];

    _intro = [[LQIntroView alloc] initWithFrame:self.view.bounds andPages:@[page1,page2,page3]];

    [_intro setDelegate:self];
    [_intro showInView:self.view animateDuration:0.0];
}
  • 5.调用方法,通过[[LQIntroPageManager sharedInstance] disPlayTheIntroPage]判断是否执行
if ([[LQIntroPageManager sharedInstance] disPlayTheIntroPage]) {
    [self showCustomIntro];
}

主要方法

  • LQIntroPageManager

单例类初始化

  + (instancetype)sharedInstance;

是否需要显示(安装后首次显示)

  - (BOOL)disPlayTheIntroPage;
  • LQIntroView

设置大小及数组

- (id)initWithFrame:(CGRect)frame andPages:(NSArray *)pagesArray;

设置位置及出现动画时间

- (void)showInView:(UIView *)view animateDuration:(CGFloat)duration;

设置消失时间

- (void)hideWithFadeOutDuration:(CGFloat)duration;
  • LQIntroPage

初始化
+ (LQIntroPage *)page;

自定义初始化

+ (LQIntroPage *)pageWithCustomView:(UIView *)customV;
  • LQIntroDelegate

处理消失后要做的事

- (void)introDidFinish;

补充

兼容iPad和iPhone

因为在我的项目中要求iPad和iPhone兼容,即一个包同时支持两种设备,所以浅谈一下版本兼容和这个view的改法。在项目中,遇到同一个项目同时兼容iPad和iPhone时往往希望能够用最少量的代码完成。

我在做兼容时会定义两个宏

//适配iPhone尺寸
#define SIZE_SCALE_IPHONE6(x)   (x * ([UIScreen mainScreen].bounds.size.width / 375))
//适配iPad尺寸
#define SIZE_SCALE_IPADAIR(x)   (x * ([UIScreen mainScreen].bounds.size.width / 768))

在使用时如字体,定义大小时加上这个宏,如在Masory中:

make.top.equalTo(_loginBtn.mas_bottom).with.offset(SIZE_SCALE_IPHONE6(10));

一般情况下,会通过UI_USER_INTERFACE_IDIOM()判断当前设备是iPhone还是iPad,然后执行不同的代码。 其枚举类型如下:

typedef NS_ENUM(NSInteger, UIUserInterfaceIdiom) {
    UIUserInterfaceIdiomUnspecified = -1,
    UIUserInterfaceIdiomPhone NS_ENUM_AVAILABLE_IOS(3_2), // iPhone and iPod touch style UI
    UIUserInterfaceIdiomPad NS_ENUM_AVAILABLE_IOS(3_2), // iPad style UI
    UIUserInterfaceIdiomTV NS_ENUM_AVAILABLE_IOS(9_0), // Apple TV style UI
    UIUserInterfaceIdiomCarPlay NS_ENUM_AVAILABLE_IOS(9_0), // CarPlay style UI
};

LQIntroView中若要修改需手动修改

感谢查看,希望多多指正!
文章优先发表于:http://keyliu.com
转载请注明出处。

相关文章

  • [程序员日记]iOS引导页LQIntroView

    引导页是app下载后打开的第一页,也决定着用户对软件的第一印象。在很多app中都是以多张图片通过滚动的方式介绍软件...

  • ios引导页

    首先修改 App Transport Security SettingsAllow Arbitrary Loads...

  • iOS 引导页

    在AppDelegate.m中:我们需要两个Viewcongtroller来实现;myViewController...

  • ios 引导页

    目标功能 能够快速实现普通引导页功能. 提供自定义view的加载模式. 提供特定样式的加载模式,只需要配置即可. ...

  • iOS引导页

    在我们项目中经常会用到引导页,引导页主要功能就是向用户展示你的产品。 这是我写的一个例子的效果图(图片是随便找的):

  • iOS引导页

    引导页是App中的基本功能,指导用户理解某些操作或版本变化等等。 引导页可能出现在任何时候,页面内容会根据可交互度...

  • iOS引导页、启动页

    前言 这里使用 launchScreen 、.storyboard 文件创建启动图和引导页。首次打开项目或者更新后...

  • iOS 引导页适配

    1,图片适配,最早以前是自己命名规范,例如@1x,@2x,@3x等,3套图基本上就够用了 2,在iPhone X之...

  • ios开发,引导页

    在viewController.m里面 @interface ViewController () { UISc...

  • iOS 引导页 --LaunchIntroduction

    一、前言 引导页,一个酷炫的页面,基本上每个应用程序刚安装后启动的时候都会有一个引导页,用于引导用户使用APP,怎...

网友评论

    本文标题:[程序员日记]iOS引导页LQIntroView

    本文链接:https://www.haomeiwen.com/subject/sklznttx.html