http://jingyan.baidu.com/article/4dc40848a341dfc8d846f152.html
听语音
- |
- 浏览：4606
- |
- 更新：2015-02-10 12:14
- |
- 标签：制作
1
2
3
4
5
6
7
1
2
3
4
5
6
7一键约师傅
百度师傅最快的到家服务，最优质的电脑清灰！
应用程序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偏移。
- 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
代码下载地址
- https://github.com/cjq002/UIScrollView.git
- 代码最终运行效果如图。
END
注意事项
- 当前使用MAC OS X 版本为10.9.5
- 当前使用Xcode版本为6.0