首页 > 代码库 > 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

    创建工程项目和视图控制器

          1、创建工程项目,新建一个UIViewController;

          2、选中工程,右键-New File…选择“Cocoa Touch Class”-Next,给个合理的名称ViewController,再Next完成;

          3、在AppDelegate.m文件包含#import "ViewController.h";

          4、初始化创建ViewController的视图控制器,并用导航栏控制器包含。将之设置为根视图控制器。

    技术分享
  2. 2

    创建UIScrollView及添加代理

          1、在ViewController.h添加事件代理和数据源代理<UITextFieldDelegate>;

          2、在ViewController.h创建UIScrollView、UIPageControl;

          3、在ViewController.m初始化UIScrollView、UIPageControl;

          4、代理授权并添加至视图;

          5、修复ScrollView偏移。

    技术分享
    技术分享
  3. 3

    设置UIScrollView的属性

     

          1、设置是否有橡皮筋效果属性:bounces;

          2、设置是否使用分页属性:pagingEnabled;

          3、设置是否允许滚动属性:scrollEnabled;

          4、设置是否显示水平滚动条属性:showsHorizontalScrollIndicator;

          5、设置是否显示竖直滚动条属性:showsVerticalScrollIndicator;

          6、设置内容范围属性:contentSize。

    技术分享
  4. 4

    添加UIScrollView的代理方法

          1、完成滚动:scrollViewDidScroll;

          2、将要开始拖动:scrollViewWillBeginDragging;

          3、结束拖动:scrollViewDidEndDragging;

          4、滚动将要开始减速:scrollViewWillBeginDecelerating;

          5、滚动减速到停止:scrollViewDidEndDecelerating。

          6、是否滚动到顶部:scrollViewShouldScrollToTop;

          7、滚动到顶部:scrollViewDidScrollToTop。

    技术分享
  5. 5

    设置分页滚动效果

          1、创建初始化要加载到每一页的数组NSArray;

          2、启用分页属性:pagingEnabled = YES;

          3、为每一页添加数组数据,for循环遍历;

          4、根据NSArray大小设置内容范围:contentSize;

          5、设置UIPageControl的总页数:numberOfPages = [array count];

          6、设置UIPageControl的当前页:currentPage。

    技术分享
  6. 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引导页