iOS-火爆的旋转式引导页你见过么（源码）

哈哈，我是一个不会用markdown的人，之前的一个demo，用markdown灰常简单的写了这篇文章， 这算文章么，哈哈，显然有点不像啊，有时间还得学学markdown啊， 这么简单的东西不会实在过不去，等我整理好github,以后这种东西我就上传到github上吧， 图灵社区（貌似有markdown语法详解）和github以及这里简书都支持markdown语法

##有点跑题，其实整篇都在跑题，大家喜欢这个引导页的，看代码吧。

在这里介绍两个引导页

问题15.gif

////  ViewController.m//  GuidePage////  Created by 李长青 on 15/8/18.//  Copyright (c) 2015年 李长青. All rights reserved.//#import "ViewController.h"#define k_Base_Tag  10000#define k_Rotate_Rate 1#define K_SCREEN_WIDHT [UIScreen mainScreen].bounds.size.width  //屏幕宽度#define K_SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height    //屏幕高@interface ViewController ()<UIScrollViewDelegate>@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    self.view.backgroundColor = [UIColor colorWithRed:140.0/255 green:1 blue:1 alpha:1];    NSArray *imageArr = @[@"0.png",@"1.png",@"2.png",@"3.png"];    NSArray *textImageArr = @[@"5.png",@"6.png",@"7.png",@"8.png"];    UIScrollView *mainScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, K_SCREEN_WIDHT, K_SCREEN_HEIGHT)];    mainScrollView.pagingEnabled = YES;    mainScrollView.bounces = YES;    mainScrollView.contentSize = CGSizeMake(K_SCREEN_WIDHT*imageArr.count, K_SCREEN_HEIGHT);    mainScrollView.showsHorizontalScrollIndicator = NO;    mainScrollView.delegate = self;    [self.view addSubview:mainScrollView];    //添加云彩图片    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 330, K_SCREEN_WIDHT, 170*K_SCREEN_WIDHT/1242.0)];    imageView.image = [UIImage imageNamed:@"yun.png"];    [self.view addSubview:imageView];    for (int i=0; i<imageArr.count; i++) {        UIView *rotateView = [[UIView alloc]initWithFrame:CGRectMake(K_SCREEN_WIDHT*i, 0, K_SCREEN_WIDHT, K_SCREEN_HEIGHT*2)];        [rotateView setTag:k_Base_Tag+i];        [mainScrollView addSubview:rotateView];        if (i!=0) {            rotateView.alpha = 0;        }        UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, K_SCREEN_WIDHT, K_SCREEN_HEIGHT)];        imageView.image = [UIImage imageNamed:imageArr[i]];        [rotateView addSubview:imageView];        UIImageView *textImageView = [[UIImageView alloc]initWithFrame:CGRectMake(K_SCREEN_WIDHT*i, 50, K_SCREEN_WIDHT, K_SCREEN_WIDHT *260.0/1242.0)];        [textImageView setTag:k_Base_Tag*2+i];        textImageView.image = [UIImage imageNamed:textImageArr[i]];        [mainScrollView addSubview:textImageView];        //最后页面添加按钮        if (i == imageArr.count-1) {            UIControl *control = [[UIControl alloc]initWithFrame:CGRectMake(0, K_SCREEN_HEIGHT-80, K_SCREEN_WIDHT, 50)];            [control addTarget:self action:@selector(ClickToRemove) forControlEvents:UIControlEventTouchUpInside];            [rotateView addSubview:control];        }    }    UIView *firstView = [mainScrollView viewWithTag:k_Base_Tag];    [mainScrollView bringSubviewToFront:firstView];}-(void)scrollViewDidScroll:(UIScrollView *)scrollView{    UIView * view1 = [scrollView viewWithTag:k_Base_Tag];    UIView * view2 = [scrollView viewWithTag:k_Base_Tag+1];    UIView * view3 = [scrollView viewWithTag:k_Base_Tag+2];    UIView * view4 = [scrollView viewWithTag:k_Base_Tag+3];    UIImageView * imageView1 = (UIImageView *)[scrollView viewWithTag:k_Base_Tag*2];    UIImageView * imageView2 = (UIImageView *)[scrollView viewWithTag:k_Base_Tag*2+1];    UIImageView * imageView3 = (UIImageView *)[scrollView viewWithTag:k_Base_Tag*2+2];    UIImageView * imageView4 = (UIImageView *)[scrollView viewWithTag:k_Base_Tag*2+3];    CGFloat xOffset = scrollView.contentOffset.x;    //根据偏移量旋转    CGFloat rotateAngle = -1 * 1.0/K_SCREEN_WIDHT * xOffset * M_PI_2 * k_Rotate_Rate;    view1.layer.transform = CATransform3DMakeRotation(rotateAngle, 0, 0, 1);    view2.layer.transform = CATransform3DMakeRotation(M_PI_2*1+rotateAngle, 0, 0, 1);    view3.layer.transform = CATransform3DMakeRotation(M_PI_2*2+rotateAngle, 0, 0, 1);    view4.layer.transform = CATransform3DMakeRotation(M_PI_2*3+rotateAngle, 0, 0, 1);    //根据偏移量位移（保证中心点始终都在屏幕下方中间）    view1.center = CGPointMake(0.5 * K_SCREEN_WIDHT+xOffset, K_SCREEN_HEIGHT);    view2.center = CGPointMake(0.5 * K_SCREEN_WIDHT+xOffset, K_SCREEN_HEIGHT);    view3.center = CGPointMake(0.5 * K_SCREEN_WIDHT+xOffset, K_SCREEN_HEIGHT);    view4.center = CGPointMake(0.5 * K_SCREEN_WIDHT+xOffset, K_SCREEN_HEIGHT);    //当前哪个视图放在最上面    if (xOffset<K_SCREEN_WIDHT*0.5) {        [scrollView bringSubviewToFront:view1];    }else if (xOffset>=K_SCREEN_WIDHT*0.5 && xOffset < K_SCREEN_WIDHT*1.5){        [scrollView bringSubviewToFront:view2];    }else if (xOffset >=K_SCREEN_WIDHT*1.5 && xOffset < K_SCREEN_WIDHT*2.5){        [scrollView bringSubviewToFront:view3];    }else if (xOffset >=K_SCREEN_WIDHT*2.5)    {        [scrollView bringSubviewToFront:view4];    }    //调节其透明度    CGFloat xoffset_More = xOffset*1.5>K_SCREEN_WIDHT?K_SCREEN_WIDHT:xOffset*1.5;    if (xOffset < K_SCREEN_WIDHT) {        view1.alpha = (K_SCREEN_WIDHT - xoffset_More)/K_SCREEN_WIDHT;        imageView1.alpha = (K_SCREEN_WIDHT - xOffset)/K_SCREEN_WIDHT;;    }    if (xOffset <= K_SCREEN_WIDHT) {        view2.alpha = xoffset_More / K_SCREEN_WIDHT;        imageView2.alpha = xOffset / K_SCREEN_WIDHT;    }    if (xOffset >K_SCREEN_WIDHT && xOffset <= K_SCREEN_WIDHT*2) {        view2.alpha = (K_SCREEN_WIDHT*2 - xOffset)/K_SCREEN_WIDHT;        view3.alpha = (xOffset - K_SCREEN_WIDHT)/ K_SCREEN_WIDHT;        imageView2.alpha = (K_SCREEN_WIDHT*2 - xOffset)/K_SCREEN_WIDHT;        imageView3.alpha = (xOffset - K_SCREEN_WIDHT)/ K_SCREEN_WIDHT;    }    if (xOffset >K_SCREEN_WIDHT*2 ) {        view3.alpha = (K_SCREEN_WIDHT*3 - xOffset)/K_SCREEN_WIDHT;        view4.alpha = (xOffset - K_SCREEN_WIDHT*2)/ K_SCREEN_WIDHT;        imageView3.alpha = (K_SCREEN_WIDHT*3 - xOffset)/K_SCREEN_WIDHT;        imageView4.alpha = (xOffset - K_SCREEN_WIDHT*2)/ K_SCREEN_WIDHT;    }    //调节背景色    if (xOffset <K_SCREEN_WIDHT && xOffset>0) {        self.view.backgroundColor = [UIColor colorWithRed:(140-40.0/K_SCREEN_WIDHT*xOffset)/255.0 green:(255-25.0/K_SCREEN_WIDHT*xOffset)/255.0 blue:(255-100.0/K_SCREEN_WIDHT*xOffset)/255.0 alpha:1];    }else if (xOffset>=K_SCREEN_WIDHT &&xOffset<K_SCREEN_WIDHT*2){        self.view.backgroundColor = [UIColor colorWithRed:(100+30.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT))/255.0 green:(230-40.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT))/255.0 blue:(155-5.0/320*(xOffset-K_SCREEN_WIDHT))/255.0 alpha:1];    }else if (xOffset>=K_SCREEN_WIDHT*2 &&xOffset<K_SCREEN_WIDHT*3){        self.view.backgroundColor = [UIColor colorWithRed:(130-50.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*2))/255.0 green:(190-40.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*2))/255.0 blue:(150+50.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*2))/255.0 alpha:1];    }else if (xOffset>=K_SCREEN_WIDHT*3 &&xOffset<K_SCREEN_WIDHT*4){        self.view.backgroundColor = [UIColor colorWithRed:(80-10.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*3))/255.0 green:(150-25.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*3))/255.0 blue:(200-90.0/K_SCREEN_WIDHT*(xOffset-K_SCREEN_WIDHT*3))/255.0 alpha:1];    }}-(void)ClickToRemove{    NSLog(@"点击事件");    [self.view removeFromSuperview];}-(BOOL)shouldAutorotate{    return YES;}-(BOOL) shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation{    return (toInterfaceOrientation == UIInterfaceOrientationPortrait);}- (NSUInteger)supportedInterfaceOrientations{    return UIInterfaceOrientationMaskPortrait;}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end

另一种引导页，翻书效果的

#这个是直接用UIPageViewController系统的，是不是帮帮哒的， iOS6都支持哦

大家喜欢就收藏文章吧，真的棒棒哒

问题16.gif

//  SouFunSwipePageController.m//  soufun////  Created by jianjun zheng on 12-1-9.//  updateby 李长青 2015-04-22//  版本7.6.0#import "SouFunSwipePageUpdateViewController.h"#import "SouFunAppDelegate.h"#import "SouFunAppLauchService.h"@interface SouFunSwipePageUpdateViewController()<UIPageViewControllerDataSource,UIPageViewControllerDelegate>//page控制器@property (nonatomic,strong)UIPageViewController * pageVC;//控制器数组@property (nonatomic,strong)NSMutableArray *viewControllers;@end@implementation SouFunSwipePageUpdateViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];    if (self) {        // Custom initialization    }    return self;}#pragma mark - View lifecycle- (void)viewDidLoad{    [super viewDidLoad];    NSMutableArray *vcs = [[NSMutableArray alloc] init];    self.viewControllers = vcs;    for (NSUInteger i = 0; i < 4; i++) {        UIViewController * controller = [[UIViewController alloc] init];        UIImageView * imageView = [[UIImageView alloc] initWithFrame:controller.view.bounds];        if (iPhone5 || iPhone6 || iPhone6Plus) {            imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"SouFunYinDaoYe0%ziiphone5.png",i+1]];        }else{            imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"SouFunYinDaoYe0%zi.png",i+1]];        }        imageView.tag = 1000+i;        [controller.view addSubview:imageView];        if (i == 3) {            UIControl *btn = [[UIControl alloc]initWithFrame:CGRectMake(145/2, controller.view.bounds.size.height-120-40, (KSCREEN_WIDTH-145), 120) ];            [btn addTarget:self action:@selector(disAppearView) forControlEvents:UIControlEventTouchUpInside];            [controller.view addSubview:btn];        }        [self.viewControllers addObject:controller];    }    NSDictionary * options = [NSDictionary dictionaryWithObject:[NSNumber numberWithInteger:UIPageViewControllerSpineLocationMin] forKey:UIPageViewControllerOptionSpineLocationKey];    self.pageVC = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStylePageCurl navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal options:options];    self.pageVC.dataSource = self;    self.pageVC.delegate = self;    self.pageVC.view.frame = self.view.bounds;    UIViewController * controller = self.viewControllers[0];    NSArray *viewControllers =[NSArray arrayWithObject:controller];    [self.pageVC setViewControllers:viewControllers direction:UIPageViewControllerNavigationDirectionForward animated:NO completion:nil];    [self.view addSubview:self.pageVC.view];}#pragma - mark datasource- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerAfterViewController:(UIViewController *)viewController{    NSInteger number = [viewController.view.subviews objectAtIndex:0].tag-1000;    if (number == NSNotFound) {        return nil;    }    number++;    if (number >= [self.viewControllers count]) {        return nil;    }    return [self.viewControllers objectAtIndex:number];}- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerBeforeViewController:(UIViewController *)viewController{    NSInteger number = [viewController.view.subviews objectAtIndex:0].tag-1000;    if ((number == 0) || (number == NSNotFound)) {        return nil;    }    number--;    return [self.viewControllers objectAtIndex:number];}- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation{    // Return YES for supported orientations    return (interfaceOrientation == UIInterfaceOrientationPortrait);}- (void)disAppearView{    [SouFunAppLauchService sharedSouFunAppLauchService].isFirstLaunch=NO;    [self.view removeFromSuperview];}@end

文／SOI（简书作者）
原文链接：http://www.jianshu.com/p/1b470fd15470
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。