UIScrollView 和UIPageControl 实现app启动滑动图

一、使用NSUserDefaults 判断滑动图有没有出现过，加载滑动图

NSUserDefaults 简介：

NSUserDefaults可以将数据永久的保存在手机中，他是一个单例，用起来很方便，所以很适合用于保存简单的数据和为数据做标记。

你可以选择在AppDelegate.m中的didFinishLaunchingWithOptions 方法或者“初始界面”(加载的第一个viewController)的 viewDidLoad 方法中进行判断滑动图是否出现过，写上代码：

1. NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults];
2. //判断滑动图是否出现过，第一次调用时“isScrollViewAppear” 这个key 对应的值是nil，会进入if中 
3.     if (![@"YES" isEqualToString:[userDefaults objectForKey:@"isScrollViewAppear"]]) 
4. {   
5.         [self showScrollView];//显示滑动图 
6.     } 

二、初始化 UIScrollView 和 UIPageControl 为启动滑动图做准备

UIScrollView ： 带有滑动效果，在上面加入UIImageView再设置代理后，可以实现翻页显示图片的效果

涉及的相关属性：

contentSize ： UIScrollView 显示的尺寸，这个按需求而设

pagingEnabled ： 是否支持一页一页的翻，设置成YES后，每一次滑动，翻动一页;

bounces：是否支持反弹，这是一个动画效果，大家可以设置来看看，一般滑动图设置为NO;
showsHorizontalScrollIndicator ： 是否显示水平的滑动条
UIPageControl：一般配合UIScrollView使用，指向UIScrollView当前所指的页数

涉及的相关属性：

numberOfPages：一共有几个点（几页），这个要设置得和滑动图的页数一样

1. #pragma mark - 滑动图 
2.   
3. -(void) showScrollView{ 
4.   
5.     UIScrollView *_scrollView = [[UIScrollView alloc] 
6. initWithFrame:[UIScreen mainScreen].bounds]; 
7.       
8.       //设置UIScrollView 的显示内容的尺寸，有n张图要显示，就设置 屏幕宽度*n ，这里假设要显示4张图 
9.   _scrollView.contentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width * 4,
10.  [UIScreen mainScreen].bounds.size.height); 
11.       
12.     _scrollView.tag = 101; 
13.       
14.     //设置翻页效果，不允许反弹，不显示水平滑动条，设置代理为自己 
15.     _scrollView.pagingEnabled = YES; 
16.     _scrollView.bounces = NO; 
17.     _scrollView.showsHorizontalScrollIndicator = NO; 
18.     _scrollView.delegate = self; 
19.       
20.     //在UIScrollView 上加入 UIImageView 
21.     for (int i = 0 ; i < 4; i ++) { 
22.           
23.         UIImageView *imageView = [[UIImageView alloc] initWithFrame:
24. CGRectMake([UIScreen mainScreen].bounds.size.width * i , 0, 
25. [UIScreen mainScreen].bounds.size.width, 
26. [UIScreen mainScreen].bounds.size.height)]; 
27.           
28.         //将要加载的图片放入imageView 中 
29.         UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d",i+1]]; 
30.         imageView.image = image; 
31.           
32.         [_scrollView addSubview:imageView]; 
33.     } 
34.       
35.     //初始化 UIPageControl 和 _scrollView 显示在 同一个页面中 
36.     UIPageControl *pageConteol = [[UIPageControl alloc] initWithFrame:
37. CGRectMake(140, self.view.frame.size.height - 60, 50, 40)]; 
38.     pageConteol.numberOfPages = 4;//设置pageConteol 的page 和 _scrollView 上的图片一样多 
39.     pageConteol.tag = 201; 
40.       
41.     [self.view addSubview:_scrollView]; 
42.     [self.view addSubview: pageConteol]; 
43. } 

三、实现UIScrollView的代理方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 介绍：
顾名思义，这是一个滑动后减速结束的方法，这里进行的是 UIPageControl 和 UIScrollView 的配
套使用、滑动图消失信息等：
涉及到的相关属性：
UIScrollView：
contentOffset : UIScrollView 的偏移量（滑动的位置）
UIPageControl：

currentPage ： UIPageControl 的当前页

1. #pragma mark - UIScrollViewDelegate 
2.   
3. - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{ 
4.       
5.     // 记录scrollView 的当前位置，因为已经设置了分页效果，所以：位置/屏幕大小 = 第几页 
6.     int current = scrollView.contentOffset.x/[UIScreen mainScreen].bounds.size.width; 
7.       
8.     //根据scrollView 的位置对page 的当前页赋值 
9.     UIPageControl *page = (UIPageControl *)[self.view viewWithTag:201]; 
10.     page.currentPage = current; 
11.       
12.     //当显示到最后一页时，让滑动图消失 
13.     if (page.currentPage == 3) { 
14.           
15.         //调用方法，使滑动图消失 
16.         [self scrollViewDisappear]; 
17.     } 
18. } 

四、从屏幕上移除UIScrollView，并保存信息

这里只需要将UIScrollView和UIPageControl 从主屏幕上移除就可以了，别忘了将启动信息保存到 NSUserDefaults 中，当然你可以设置一些动画效果，或者需要点击才能移除都可以，下面给出的代码是一个简单的动画效果：

1. -(void)scrollViewDisappear{ 
2.   
3.     //拿到 view 中的 UIScrollView 和 UIPageControl 
4.     UIScrollView *scrollView = (UIScrollView *)[self.view viewWithTag:101]; 
5.     UIPageControl *page = (UIPageControl *)[self.view viewWithTag:201]; 
6.   
7.     //设置滑动图消失的动画效果图 
8.     [UIView animateWithDuration:3.0f animations:^{ 
9.           
10.         scrollView.center = CGPointMake(self.view.frame.size.width/2, 
11. 1.5 * self.view.frame.size.height); 
12.           
13.     } completion:^(BOOL finished) { 
14.           
15.         [scrollView removeFromSuperview]; 
16.         [page removeFromSuperview]; 
17.     }]; 
18.       
19.     //将滑动图启动过的信息保存到 NSUserDefaults 中，使得第二次不运行滑动图 
20.     NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults]; 
21.     [userDefaults setObject:@"YES" forKey:@"isScrollViewAppear"]; 
22. }