iOS开发 UIScrollView制作APP引导页

原创
|
浏览：5409
|
更新：2015-02-10 12:14
|
标签：制作

应用程序APP一般都有引导页，引导页可以作为操作指南指导用户熟悉使用；也可以展现给用户，让用户了解APP的功能作用。引导页制作简单，一般只需要一组图片，再把图片组展现出来就可以了。展示图片组常用UIScrollView来分页显示，并且由UIPageControl页面控制器控制显示当前页。UIScrollView和UIPageControl搭配会更加完美地展现引导页的功能作用。

工具/原料

MAC OS X操作系统
Xcode编译器

方法/步骤

1
创建工程项目和视图控制器
1、创建工程项目，新建一个UIViewController；
2、选中工程，右键-New File…选择“Cocoa Touch Class”-Next，给个合理的名称ViewController，再Next完成；
3、在AppDelegate.m文件包含#import "ViewController.h"；
4、初始化创建ViewController的视图控制器，并用导航栏控制器包含。将之设置为根视图控制器。
2
创建UIScrollView及添加代理
1、在ViewController.h添加事件代理和数据源代理<UITextFieldDelegate>；
2、在ViewController.h创建UIScrollView、UIPageControl；
3、在ViewController.m初始化UIScrollView、UIPageControl；
4、代理授权并添加至视图；
5、修复ScrollView偏移。
2
相关内容未经授权抓取自百度经验
3
设置UIScrollView的属性
1、设置是否有橡皮筋效果属性：bounces；
2、设置是否使用分页属性：pagingEnabled；
  3、设置是否允许滚动属性：scrollEnabled；
  4、设置是否显示水平滚动条属性：showsHorizontalScrollIndicator；
  5、设置是否显示竖直滚动条属性：showsVerticalScrollIndicator；
  6、设置内容范围属性：contentSize。
4
添加UIScrollView的代理方法
  1、完成滚动：scrollViewDidScroll；
  2、将要开始拖动：scrollViewWillBeginDragging；
  3、结束拖动：scrollViewDidEndDragging；
  4、滚动将要开始减速：scrollViewWillBeginDecelerating；
  5、滚动减速到停止：scrollViewDidEndDecelerating。
6、是否滚动到顶部：scrollViewShouldScrollToTop；
  7、滚动到顶部：scrollViewDidScrollToTop。
5
设置分页滚动效果
1、创建初始化要加载到每一页的数组NSArray;
  2、启用分页属性：pagingEnabled = YES；
  3、为每一页添加数组数据，for循环遍历；
  4、根据NSArray大小设置内容范围：contentSize；
  5、设置UIPageControl的总页数：numberOfPages = [array count]；
6、设置UIPageControl的当前页：currentPage。
6
配置分页滚动时UIPageControl也跟随变动
1、添加UIScrollView代理方法：scrollViewDidScroll
  2、在scrollViewDidScroll内实现监听contentOffset内容偏移量；
  3、根据contentOffset计算当前属于哪一页；
  4、赋值给self.pageControl.currentPage。
END