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引導頁