首页 > 代码库 > iOS开发 UIScrollView制作APP引导页
iOS开发 UIScrollView制作APP引导页
http://jingyan.baidu.com/article/4dc40848a341dfc8d846f152.html
- |
- 浏览:4606
- |
- 更新:2015-02-10 12:14
- |
- 标签:制作
-
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
iOS开发 UIScrollView制作APP引导页