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