一、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
{
ZJNewFeatureCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
NSString *imageName = [_picStrArr objectAtIndex:indexPath.row];
cell.image = [UIImage imageNamed:imageName];
[cell setIndexPath:indexPath count:[_picStrArr count]];
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);
[self.startButton setFrame:CGRectMake(0, 0, 170, 40)];
self.startButton.center = CGPointMake(ScreenWidth * 0.5, ScreenHeight -90);
}
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];
self.window.rootViewController = [[ViewController alloc]init];
NSArray *picStrArr = [NSArray arrayWithObjects:@"1242x2208_01",@"1242x2208_02", @"1242x2208_03", @"1242x2208_04", nil];
[NewFeatureManager shareManagerWithDelegate:self picStrArr:picStrArr];
return YES;
}
保存值的时候带着版本号，是让版本升级后首次打开也能展示引导页。
demo地址下载:https://github.com/zhengju/GuidePageDemo
