iOS開發 －UIScrollView詳解

標籤：ios   手勢   開發   拖拽   控制項   

UIScrollView

行動裝置的螢幕大小是極其有限的，因此直接展示在使用者眼前的內容也相當有限
當展示的內容較多，超出一個螢幕時，使用者可通過滾動手勢來查看螢幕以外的內容
普通的UIView不具備滾動功能，不能顯示過多的內容
UIScrollView是一個能夠滾動的視圖控制項，可以用來展示大量的內容，並且可以通過滾動查看所有的內容

舉例：手機上的“設定”、其他樣本程式

UIScrollView的用法

將需要展示的內容添加到UIScrollView中
設定UIScrollView的contentSize屬性，告訴UIScrollView所有內容的尺寸，也就是告訴它滾動的範圍（能滾多遠，滾到哪裡是盡頭）

UIScrollView無法滾動的解決辦法

如果UIScrollView無法滾動，可能是以下原因：1.沒有設定contentSize2.scrollEnabled = NO3.沒有接收到觸摸事件:userInteractionEnabled = NO4.沒有取消autolayout功能（要想scrollView滾動，必須取消autolayout）

UIScrollView的代理（delegate）

很多時候，我們想在UIScrollView正在滾動 或 滾動到某個位置 或者 停止滾動 時做一些特定的操作要想完成上述功能，前提條件就是能夠監聽到UIScrollView的整個滾動過程當UIScrollView發生一系列的滾動操作時， 會自動通知它的代理（delegate）對象，給它的代理髮送相應的訊息，讓代理得知它的滾動情況也就是說，要想監聽UIScrollView的滾動過程，就必須先給UIScrollView將delegate需要實現的方法都定義在了UIScrollViewDelegate協議中，因此要想成為UIScrollView的delegate，必須遵守UIScrollViewDelegate協議，然後實現協議中相應的方法，就可以監聽UIScrollView的滾動過程了

UIScrollView和控制器

一般情況下，就設定UIScrollView所在的控制器 為 UIScrollView的delegate設定控制器為UIScrollView的delegate有2種方法：通過代碼（self就是控制器）self.scrollView.delegate = self;

通過storyboard拖線（右擊UIScrollView）

UIScrollView的常見屬性

@property(nonatomic) CGPoint contentOffset; //這個屬性用來表示UIScrollView滾動的位置@property(nonatomic) CGSize contentSize; //這個屬性用來表示UIScrollView內容的尺寸，滾動範圍（能滾多遠）@property(nonatomic) UIEdgeInsets contentInset; //這個屬效能夠在UIScrollView的4周增加額外的捲動區域@property(nonatomic) BOOL bounces;//設定UIScrollView是否需要彈簧效果@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; //設定UIScrollView是否能滾動@property(nonatomic) BOOL showsHorizontalScrollIndicator;//是否顯示水平捲軸@property(nonatomic) BOOL showsVerticalScrollIndicator;//是否顯示垂直捲軸

UIScrollView的常用代理方法

// 使用者開始拖拽時調用- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;// 滾動到某個位置時調用- (void)scrollViewDidScroll:(UIScrollView *)scrollView;// 使用者結束拖拽時調用- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

UIScrollView的縮放

當使用者在UIScrollView身上使用捏合手勢時，UIScrollView會給代理髮送一條訊息，詢問代理究竟要縮放自己內部的哪一個子控制項（哪一塊內容）
1.實現UIScrollViewDelegate協議

// 使用者使用捏合手勢時調用- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

遵守協議，實現相應的方法

id<UIScrollViewDelegate> delegate

當使用者在UIScrollView身上使用捏合手勢時，UIScrollView會調用代理的viewForZoomingInScrollView:方法，這個方法返回的控制項就是需要進行縮放的控制項

縮放實現步驟

設定UIScrollView的id<UISCrollViewDelegate> delegate代理對象設定minimumZoomScale ：縮小的最小比例設定maximumZoomScale ：放大的最大比例讓代理對象實現下面的方法，返回需要縮放的視圖控制項- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;跟縮放相關的其他代理方法縮放完畢的時候調用 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view正在縮放的時候調用- (void)scrollViewDidZoom:(UIScrollView *)scrollView

UIScrollView和UIPageControl的分頁

只要將UIScrollView的pageEnabled屬性設定為YES，UIScrollView會被分割成多個獨立頁面，裡面的內容就能進行分頁展示一般會配合UIPageControl增強分頁效果，UIPageControl常用屬性如下 //一共有多少頁@property(nonatomic) NSInteger numberOfPages;//當前顯示的頁碼@property(nonatomic) NSInteger currentPage; //只有一頁時，是否需要隱藏頁碼指標@property(nonatomic) BOOL hidesForSinglePage; //其他頁碼指標的顏色@property(nonatomic,retain) UIColor *pageIndicatorTintColor;//當前頁碼指標的顏色@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

NSTimer的使用

NSTimer叫做“定時器”，它的作用如下
在指定的時間執行指定的任務
每隔一段時間執行指定的任務

調用下面的方法就會開啟一個定時任務+ (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti                              target:(id)aTarget                                 selector:(SEL)aSelector                                 userInfo:(id)userInfo                                 repeats:(BOOL)yesOrNo;

每隔ti秒，調用一次aTarget的aSelector方法，yesOrNo決定了是否重複執行這個任務

通過invalidate方法可以停止定時器的工作，一旦定時器被停止了，就不能再次執行任務。只能再建立一個新的定時器才能執行新的任務

- (void)invalidate;

UIScrollView執行個體

/** *      1.成為代理的條件：    UIScrollView將delegate需要實現的方法都定義在了UIScrollViewDelegate協議中，    因此要想成為UIScrollView的delegate，必須遵守UIScrollViewDelegate協議，    然後實現協議中相應的方法，就可以監聽UIScrollView的滾動過程了    2.設定UIScrollView的id<UISCrollViewDelegate> delegate代理對象    設定minimumZoomScale ：縮小的最小比例    設定maximumZoomScale ：放大的最大比例    讓代理對象實現下面的方法，返回需要縮放的視圖控制項    - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView; */#import "ViewController.h"@interface ViewController () <UIScrollViewDelegate>@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;@property (weak, nonatomic) IBOutlet UIImageView *minionView;@end//委託 代理模式@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    //設定內容尺寸    self.scrollView.contentSize=self.minionView.frame.size;    //設定    self.scrollView.delegate=self;    //設定最大和最小的縮放比例    self.scrollView.maximumZoomScale=2.0;    self.scrollView.minimumZoomScale=0.2;}/** *  當使用者開始拖拽scrollView時就會調用 */- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{    NSLog(@"開始拖拽....");}/** *  只要scrollView正在滾動,就會調用 */- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    NSLog(@"正在滾動------%@",NSStringFromCGPoint(scrollView.contentOffset));}/** *  當使用者使用捏合手勢時就會調用 *  @return 返回的控制項就是需要進行縮放的控制項 */- (UIView*)viewForZoomingInScrollView:(UIScrollView *)scrollView{    NSLog(@"開始縮放-----");    return self.minionView;}- (void) scrollViewDidZoom:(UIScrollView *)scrollView{    NSLog(@"正在縮放----");}

iOS開發 －UIScrollView詳解