app第一次运行滑动视图

原文地址:http://my.oschina.net/u/1245365/blog/294146

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

NSUserDefaults 简介：

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

更多的关于NSUserDefaults的介绍请看：NSUserDefaults 简介

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

?

1 2 3 4 5 6 7

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

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

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

涉及的相关属性：

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

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

bounces：是否支持反弹，这是一个动画效果，大家可以设置来看看，一般滑动图设置为NO;

showsHorizontalScrollIndicator ： 是否显示水平的滑动条

UIPageControl：一般配合UIScrollView使用，指向UIScrollView当前所指的页数

涉及的相关属性：

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

相关代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

#pragma mark - 滑动图   -( void ) showScrollView{        UIScrollView *_scrollView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].bounds];              //设置UIScrollView 的显示内容的尺寸，有n张图要显示，就设置 屏幕宽度*n ，这里假设要显示4张图      _scrollView.contentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width * 4, [UIScreen mainScreen].bounds.size.height);            _scrollView.tag = 101;            //设置翻页效果，不允许反弹，不显示水平滑动条，设置代理为自己      _scrollView.pagingEnabled = YES;      _scrollView.bounces = NO;      _scrollView.showsHorizontalScrollIndicator = NO;      _scrollView.delegate = self;            //在UIScrollView 上加入 UIImageView      for  ( int  i = 0 ; i < 4; i ++) {                    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake([UIScreen mainScreen].bounds.size.width * i , 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];                    //将要加载的图片放入imageView 中          UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@ "%d" ,i+1]];          imageView.image = image;                    [_scrollView addSubview:imageView];      }            //初始化 UIPageControl 和 _scrollView 显示在 同一个页面中      UIPageControl *pageConteol = [[UIPageControl alloc] initWithFrame:CGRectMake(140, self.view.frame.size.height - 60, 50, 40)];      pageConteol.numberOfPages = 4; //设置pageConteol 的page 和 _scrollView 上的图片一样多      pageConteol.tag = 201;            [self.view addSubview:_scrollView];      [self.view addSubview: pageConteol]; }

三、实现UIScrollView的代理方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 介绍：

       顾名思义，这是一个滑动后减速结束的方法，这里进行的是 UIPageControl和 UIScrollView 的配

套使用、滑动图消失信息等：

涉及到的相关属性：

UIScrollView：

contentOffset : UIScrollView 的偏移量（滑动的位置）

UIPageControl：

currentPage ： UIPageControl 的当前页 

相关代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

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

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

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

代码如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

-( void )scrollViewDisappear{        //拿到 view 中的 UIScrollView 和 UIPageControl      UIScrollView *scrollView = (UIScrollView *)[self.view viewWithTag:101];      UIPageControl *page = (UIPageControl *)[self.view viewWithTag:201];        //设置滑动图消失的动画效果图      [UIView animateWithDuration:3.0f animations:^{                    scrollView.center = CGPointMake(self.view.frame.size.width/2, 1.5 * self.view.frame.size.height);                } completion:^( BOOL  finished) {                    [scrollView removeFromSuperview];          [page removeFromSuperview];      }];            //将滑动图启动过的信息保存到 NSUserDefaults 中，使得第二次不运行滑动图      NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults];      [userDefaults setObject:@ "YES"  forKey:@ "isScrollViewAppear" ]; }

这个滑动图代码稍作修改，可以添加定时翻页，相册浏览，点击连接到相应的事件等，原理都是一样的