iOS开发之引导页的实现

2017-01-13 15:16:54来源:http://www.jianshu.com/p/b43cae16902f作者:iOS俱哥人点击

第七城市

一、App引导页
一款App在首次安装后打开时,会有3-5页的介绍界面引导新用户使用或者给用户更新提示。
根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页不会超过5页。 功能介绍类 功能介绍类引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。
二、具体实现
1、本Demo是在继承UICollectionViewController的前提下完成。
2、实现瀑布流


- (instancetype)init
{
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
// 设置cell的尺寸
layout.itemSize = [UIScreen mainScreen].bounds.size;
// 清空行距
layout.minimumLineSpacing = 0;
// 设置滚动的方向
layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
return [super initWithCollectionViewLayout:layout];
}

3、实现collectionView布局


 //使用UICollectionViewController
//1.初始化的时候设置布局参数
//2.必须collectionView要注册cell
// 3.自定义cell
- (void)viewDidLoad {
[super viewDidLoad];
// 注册cell,默认就会创建这个类型的cell
[self.collectionView registerClass:[ZJNewFeatureCell class] forCellWithReuseIdentifier:reuseIdentifier];
// 分页
self.collectionView.pagingEnabled = YES;
self.collectionView.bounces = NO;
self.collectionView.showsHorizontalScrollIndicator = NO;
}

3、有关代理方法的实现


      mark - UICollectionView代理和数据源
// 返回有多少组
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return 1;
}
// 返回第section组有多少个cell
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
return 4;
}
// 返回cell长什么样子
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
// dequeueReusableCellWithReuseIdentifier
// 1.首先从缓存池里取cell
// 2.看下当前是否有注册Cell,如果注册了cell,就会帮你创建cell
// 3.没有注册,报错
ZJNewFeatureCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
NSString *imageName;
if (IPHONE5 || IPHONE4) {
imageName = [NSString stringWithFormat:@"640x1138_0%ld",indexPath.row + 1];
}else if (IPHONE6){
imageName = [NSString stringWithFormat:@"750x1334_0%ld",indexPath.row + 1];
}else {
imageName = [NSString stringWithFormat:@"1242x2208_0%ld",indexPath.row + 1];
}
cell.image = [UIImage imageNamed:imageName];
[cell setIndexPath:indexPath count:4];
return cell;
}

注:代用中使用的宏是写在PCH文件中,PCH文件的配置见另一篇文章有关PCH文件的设置。
4、实现UICollectionViewCell
懒加载最后一张引导页的点击按钮


- (UIButton *)startButton
{
if (_startButton == nil) {
UIButton *startBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[startBtn setBackgroundColor:[UIColor clearColor]];
[startBtn setBackgroundImage:[UIImage imageNamed:@"开启按钮"] forState:UIControlStateNormal];
[startBtn addTarget:self action:@selector(start) forControlEvents:UIControlEventTouchUpInside];
[self addSubview:startBtn];
_startButton = startBtn;
}
return _startButton;
}

5、布局ZJNewFeatureCell子控件的frame


     - (UIImageView *)imageView
{
if (_imageView == nil) {
UIImageView *imageV = [[UIImageView alloc] init];
_imageView = imageV;
// 注意:一定要加在contentView上
[self.contentView addSubview:imageV];
}
return _imageView;
}
// 布局子控件的frame
- (void)layoutSubviews
{
[super layoutSubviews];
self.imageView.frame = CGRectMake(0, 0, ScreenWidth, ScreenHeight);
// 开始按钮
if (IPHONE4) {
[self.startButton setFrame:CGRectMake(0, 0, 125, 27)];
self.startButton.center = CGPointMake(ScreenWidth * 0.5, ScreenHeight -27);
}else if ( IPHONE5) {
[self.startButton setFrame:CGRectMake(0, 0, 130, 30)];
self.startButton.center = CGPointMake(ScreenWidth * 0.5, ScreenHeight -31);
}else if (IPHONE6){
[self.startButton setFrame:CGRectMake(0, 0, 150, 35)];
self.startButton.center = CGPointMake(ScreenWidth * 0.5, ScreenHeight -37);
}else {
[self.startButton setFrame:CGRectMake(0, 0, 170, 40)];
self.startButton.center = CGPointMake(ScreenWidth * 0.5, ScreenHeight -40);
}
}

6、开始按钮的点击事件,切换根视图


 - (void)start
{
//切换根视图
self.window.rootViewController = [ViewController new];
//记录是否已经走过新特性
[[NSUserDefaults standardUserDefaults]setBool:YES forKey:[NSString stringWithFormat:@"ISNEWFEATURE%@",App_Version]];
[[NSUserDefaults standardUserDefaults]synchronize];
}

7、deledate中判断是否展示引导页


  - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
self.window.backgroundColor = [UIColor clearColor];

BOOL isNew = ![[NSUserDefaults standardUserDefaults]boolForKey:[NSString stringWithFormat:@"ISNEWFEATURE%@",App_Version]];
if (isNew == NO) {
self.window.rootViewController = [[ViewController alloc]init];
}else{
self.window.rootViewController = [[ZJNewFeatureController alloc]init];
}
return YES;
}

保存值的时候带着版本号,是让版本升级后首次打开也能展示引导页。
demo地址下载:https://github.com/zhengju/GuidePageDemo




第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台