CodingNet - Learning - 3

当启动动画结束之后，进入我们的介绍页面，可以看到，是由一个pageControl加滚动动画来实现的

这里介绍CodingNet如何实现的，首先来看看参考的一些好文章：

http://www.cnblogs.com/goodboy-heyang/p/5430237.html

http://www.jianshu.com/p/6d4dd583ac1e

http://www.jianshu.com/p/50908733a4dd

当然还有这个著名框架的Github地址：

https://github.com/IFTTT/JazzHands

直接看代码吧，相信参考完上面之后就明白非常好实现了。

@interface IntroductionViewController ()@property (strong, nonatomic) UIButton *registerBtn, *loginBtn;@property (strong, nonatomic) SMPageControl *pageControl;@property (strong, nonatomic) NSMutableDictionary *iconsDict, *tipsDict;@end@implementation IntroductionViewController- (instancetype)init{    if ((self = [super init])) {        self.numberOfPages = 7;                        _iconsDict = [@{                        @"0_image" : @"intro_icon_6",                        @"1_image" : @"intro_icon_0",                        @"2_image" : @"intro_icon_1",                        @"3_image" : @"intro_icon_2",                        @"4_image" : @"intro_icon_3",                        @"5_image" : @"intro_icon_4",                        @"6_image" : @"intro_icon_5",                        } mutableCopy];        _tipsDict = [@{                       @"1_image" : @"intro_tip_0",                       @"2_image" : @"intro_tip_1",                       @"3_image" : @"intro_tip_2",                       @"4_image" : @"intro_tip_3",                       @"5_image" : @"intro_tip_4",                       @"6_image" : @"intro_tip_5",                       } mutableCopy];    }        return self;}- (NSString *)imageKeyForIndex:(NSInteger)index{    return [NSString stringWithFormat:@"%ld_image", (long)index];}- (NSString *)viewKeyForIndex:(NSInteger)index{    return [NSString stringWithFormat:@"%ld_view", (long)index];}- (void)viewDidLoad{    [super viewDidLoad];        self.view.backgroundColor = [UIColor colorWithHexString:@"0xf1f1f1"];        [self configureViews];    [self configureAnimations];}- (void)viewWillAppear:(BOOL)animated{    [super viewWillAppear:animated];    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];}- (void)viewWillDisappear:(BOOL)animated{    [super viewWillDisappear:animated];}#pragma mark - Orientations- (BOOL)shouldAutorotate{    return UIInterfaceOrientationIsLandscape(self.interfaceOrientation);}- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation {    return UIInterfaceOrientationPortrait;}- (UIInterfaceOrientationMask)supportedInterfaceOrientations {    return UIInterfaceOrientationMaskPortrait;}- (void)forceChangeToOrientation:(UIInterfaceOrientation)interfaceOrientation{    [[UIDevice currentDevice] setValue:[NSNumber numberWithInteger:interfaceOrientation] forKey:@"orientation"];}#pragma mark Super- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    [self animateCurrentFrame];    NSInteger nearestPage = floorf(self.pageOffset + 0.5);    self.pageControl.currentPage = nearestPage;}#pragma Views- (void)configureViews{    [self configureButtonsAndPageControl];        CGFloat scaleFactor = 1.0;    CGFloat desginHeight = 667.0;//iPhone6 的设计尺寸    if (!kDevice_Is_iPhone6_6s && !kDevice_Is_iPhone6Plus_6sPlus) {        scaleFactor = kScreen_Height/desginHeight;    }        for (int i = 0; i < self.numberOfPages; i++) {        NSString *imageKey = [self imageKeyForIndex:i];        NSString *viewKey = [self viewKeyForIndex:i];        NSString *iconImageName = [self.iconsDict objectForKey:imageKey];        NSString *tipImageName = [self.tipsDict objectForKey:imageKey];                if (iconImageName) {            UIImage *iconImage = [UIImage imageNamed:iconImageName];            if (iconImage) {                iconImage = scaleFactor != 1.0? [iconImage scaleByFactor:scaleFactor] : iconImage;                UIImageView *iconView = [[UIImageView alloc] initWithImage:iconImage];                [self.contentView addSubview:iconView];                [self.iconsDict setObject:iconView forKey:viewKey];            }        }                if (tipImageName) {            UIImage *tipImage = [UIImage imageNamed:tipImageName];            if (tipImage) {                tipImage = scaleFactor != 1.0? [tipImage scaleByFactor:scaleFactor]: tipImage;                UIImageView *tipView = [[UIImageView alloc] initWithImage:tipImage];                [self.contentView addSubview:tipView];                [self.tipsDict setObject:tipView forKey:viewKey];            }        }    }}- (void)configureButtonsAndPageControl{    //    Button    UIColor *darkColor = [UIColor colorWithHexString:@"0x28303b"];    CGFloat buttonWidth = kScreen_Width * 0.4;    CGFloat buttonHeight = kScaleFrom_iPhone5_Desgin(38);    CGFloat paddingToCenter = kScaleFrom_iPhone5_Desgin(10);    CGFloat paddingToBottom = kScaleFrom_iPhone5_Desgin(20);        self.registerBtn = ({        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];        [button addTarget:self action:@selector(registerBtnClicked) forControlEvents:UIControlEventTouchUpInside];                button.backgroundColor = darkColor;        button.titleLabel.font = [UIFont boldSystemFontOfSize:20];        [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];        [button setTitle:@"注册" forState:UIControlStateNormal];                button.layer.masksToBounds = YES;        button.layer.cornerRadius = buttonHeight/2;        button;    });    self.loginBtn = ({        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];        [button addTarget:self action:@selector(loginBtnClicked) forControlEvents:UIControlEventTouchUpInside];                button.backgroundColor = [UIColor clearColor];        button.titleLabel.font = [UIFont boldSystemFontOfSize:20];        [button setTitleColor:darkColor forState:UIControlStateNormal];        [button setTitle:@"登录" forState:UIControlStateNormal];                button.layer.masksToBounds = YES;        button.layer.cornerRadius = buttonHeight/2;        button.layer.borderWidth = 1.0;        button.layer.borderColor = darkColor.CGColor;        button;    });        [self.view addSubview:self.registerBtn];    [self.view addSubview:self.loginBtn];        [self.registerBtn mas_makeConstraints:^(MASConstraintMaker *make) {        make.size.mas_equalTo(CGSizeMake(buttonWidth, buttonHeight));        make.right.equalTo(self.view.mas_centerX).offset(-paddingToCenter);        make.bottom.equalTo(self.view).offset(-paddingToBottom);    }];    [self.loginBtn mas_makeConstraints:^(MASConstraintMaker *make) {        make.size.mas_equalTo(CGSizeMake(buttonWidth, buttonHeight));        make.left.equalTo(self.view.mas_centerX).offset(paddingToCenter);        make.bottom.equalTo(self.view).offset(-paddingToBottom);    }];        //    PageControl    UIImage *pageIndicatorImage = [UIImage imageNamed:@"intro_dot_unselected"];    UIImage *currentPageIndicatorImage = [UIImage imageNamed:@"intro_dot_selected"];        if (!kDevice_Is_iPhone6_6s && !kDevice_Is_iPhone6Plus_6sPlus) {        CGFloat desginWidth = 375.0;//iPhone6 的设计尺寸        CGFloat scaleFactor = kScreen_Width/desginWidth;        pageIndicatorImage = [pageIndicatorImage scaleByFactor:scaleFactor];        currentPageIndicatorImage = [currentPageIndicatorImage scaleByFactor:scaleFactor];    }        self.pageControl = ({        SMPageControl *pageControl = [[SMPageControl alloc] init];        pageControl.numberOfPages = self.numberOfPages;        pageControl.userInteractionEnabled = NO;        pageControl.pageIndicatorImage = pageIndicatorImage;        pageControl.currentPageIndicatorImage = currentPageIndicatorImage;        [pageControl sizeToFit];        pageControl.currentPage = 0;        pageControl;    });        [self.view addSubview:self.pageControl];        [self.pageControl mas_makeConstraints:^(MASConstraintMaker *make) {        make.size.mas_equalTo(CGSizeMake(kScreen_Width, kScaleFrom_iPhone5_Desgin(20)));        make.centerX.equalTo(self.view);        make.bottom.equalTo(self.registerBtn.mas_top).offset(-kScaleFrom_iPhone5_Desgin(20));    }];}#pragma mark Animations- (void)configureAnimations{    [self configureTipAndTitleViewAnimations];}- (void)configureTipAndTitleViewAnimations{        for (int index = 0; index < self.numberOfPages; index++) {        NSString *viewKey = [self viewKeyForIndex:index];        UIView *iconView = [self.iconsDict objectForKey:viewKey];        UIView *tipView = [self.tipsDict objectForKey:viewKey];                if (iconView) {            if (index == 0) {                [self keepView:iconView onPages:@[@(index +1), @(index)] atTimes:@[@(index - 1), @(index)]];                                [iconView mas_makeConstraints:^(MASConstraintMaker *make) {                    make.top.mas_equalTo(kScreen_Height/7);                }];            }else{                [self keepView:iconView onPage:index];                                [iconView mas_makeConstraints:^(MASConstraintMaker *make) {                    make.centerY.mas_equalTo(-kScreen_Height/6);                }];            }                        IFTTTAlphaAnimation *iconAlphaAnimation = [IFTTTAlphaAnimation animationWithView:iconView];            [iconAlphaAnimation addKeyframeForTime:index -0.5 alpha:0.f];            [iconAlphaAnimation addKeyframeForTime:index alpha:1.f];            [iconAlphaAnimation addKeyframeForTime:index +0.5 alpha:0.f];            [self.animator addAnimation:iconAlphaAnimation];        }                if (tipView) {            [self keepView:tipView onPages:@[@(index +1), @(index), @(index-1)] atTimes:@[@(index - 1), @(index), @(index +1)]];                        IFTTTAlphaAnimation *tipAlphaAnimation = [IFTTTAlphaAnimation animationWithView:tipView];            [tipAlphaAnimation addKeyframeForTime:index -0.5 alpha:0.f];            [tipAlphaAnimation addKeyframeForTime:index alpha:1.f];            [tipAlphaAnimation addKeyframeForTime:index +0.5 alpha:0.f];            [self.animator addAnimation:tipAlphaAnimation];                        [tipView mas_makeConstraints:^(MASConstraintMaker *make) {                make.top.equalTo(iconView.mas_bottom).offset(kScaleFrom_iPhone5_Desgin(45));            }];        }    }}@end

但是如果用CocoPods更新最新的Jazzhands，会发现上面实现存在问题。因为CodingNet使用的版本是2.0.0，最新的2.0.8重构了一些实现方法，两个解决方法，第一个是将代码实现修改，第二个是pod上2.0.0的旧版。