iOS开发 UIScrollView制作APP引导页

Posted 2020-09-18 ios4

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iOS开发 UIScrollView制作APP引导页相关的知识，希望对你有一定的参考价值。

http://jingyan.baidu.com/article/4dc40848a341dfc8d846f152.html

听语音

|
浏览：4606
|
更新：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偏移。
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