一、為什么要用UIScrollView?
移動設備的屏幕大小是極其有限的,因此直接展示在用戶眼前的內容也相當有限
當展示的內容較多,超出一個屏幕時,用戶可通過滾動手勢來查看屏幕以外的內容
普通的UIView不具備滾動功能,不適合顯示過多的內容。
UIScrollView是一個能夠滾動的視圖控件,可以用來展示大量的內容,並且可以通過滾動查看所有的內容
系統設置就是一個ScrollView:
二、基本使用:
將需要展示的內容添加到UIScrollView中
設置UIScrollView的contentSize屬性,告訴UIScrollView所有內容的尺寸,也就是告訴它滾動的范圍(能滾多遠,滾到哪里是盡頭)
常用屬性:
@property(nonatomic) CGPoint contentOffset; // default CGPointZero @property(nonatomic) CGSize contentSize; // default CGSizeZero @property(nonatomic) UIEdgeInsets contentInset; // default UIEdgeInsetsZero. add additional scroll area around content
contentOffset:這個屬性用來表示UIScrollView滾動的位置(其實就是內容左上角與scrollView左上角的間距值)
contentSize:這個屬性用來表示UIScrollView內容的尺寸,滾動范圍(能滾多遠)
contentInset:這個屬性能夠在UIScrollView的4周增加額外的滾動區域,一般用來避免scrollView的內容被其他控件擋住
其他屬性:
@property(nonatomic) BOOL bounces;
設置UIScrollView是否需要彈簧效果
@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
設置UIScrollView是否能滾動
@property(nonatomic) BOOL showsHorizontalScrollIndicator;
是否顯示水平滾動條
@property(nonatomic) BOOL showsVerticalScrollIndicator;
是否顯示垂直滾動條
三、UIScrollView的代理
當UIScrollView發生一系列的滾動操作時, 會自動通知它的代理(delegate)對象,給它的代理發送相應的消息,讓代理得知它的滾動情況。所以想要監聽UIScrollView的滾動過程,就必須先給UIScrollView設置一個代理對象,然后通過代理得知UIScrollView的滾動過程。
UIScrollViewDelegate協議常用方法:
// 用戶開始拖拽時調用 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView; // 滾動到某個位置時調用 - (void)scrollViewDidScroll:(UIScrollView *)scrollView; // 用戶結束拖拽時調用 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;
縮放的實現:
設置UIScrollView的id<UISCrollViewDelegate> delegate代理對象
設置minimumZoomScale :縮小的最小比例
設置maximumZoomScale :放大的最大比例
讓代理對象實現下面的方法,返回需要縮放的視圖控件
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
跟縮放相關的其他代理方法:
//縮放完畢的時候調用 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view //正在縮放的時候調用 - (void)scrollViewDidZoom:(UIScrollView *)scrollView
分頁:
//只要將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;