iOS開發之UIScrollView

標籤：

1、UIScrollView的用法:

（1）將需要展示的內容添加到UIScrollView中

（2）設定UIScrollView的contentSize屬性，告訴UIScrollView所有內容的尺寸，也就是告訴它滾動的範圍（能滾多遠，滾到哪裡是盡頭）

2、UIScrollView無法滾動的解決辦法

如果UIScrollView無法滾動，可能是以下部分原因：

(1) 沒有設定滾動範圍contentSize

設定例如：self.scrollView.contentSize = self.myimageView.frame.size;

   等價於：self.scrollView.contentSize = self. myimageView.image.size;

(2)scrollEnabled = NO

(3)沒有接收到觸摸事件:userInteractionEnabled = NO

(4)沒有取消autolayout功能（要想scrollView滾動，必須取消autolayout）

 

3、UIScrollView的屬性：

• @property(nonatomic) CGPoint contentOffset;
• Ø 這個屬性用來表示UIScrollView滾動的位置
• @property(nonatomic) CGSize contentSize;
• Ø 這個屬性用來表示UIScrollView內容的尺寸，滾動範圍（能滾多遠）
• @property(nonatomic) UIEdgeInsets contentInset;
• Ø 這個屬效能夠在UIScrollView的4周增加額外的捲動區域

  -PO9

 

• @property(nonatomic) BOOL bounces;
• 設定UIScrollView是否需要彈簧效果
• @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
• Ø 設定UIScrollView是否能滾動
• @property(nonatomic) BOOL showsHorizontalScrollIndicator;
• Ø 是否顯示水平捲軸
• @property(nonatomic) BOOL showsVerticalScrollIndicator;
• Ø 是否顯示垂直捲軸

4、內容縮放

有些時候，我們可能要對某些內容進行手勢縮放，如所示：

 

UIScrollView不僅能滾動顯示大量內容，還能對其內容進行縮放處理，也就是說，要完成縮放功能的話，只需要將需要縮放的內容添加到UIScrollView中

UIScrollView的縮放原理：

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

 

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

縮放實現步驟：

1. 設定UIScrollView的id<UISCrollViewDelegate> delegate代理對象
2. 設定minimumZoomScale ：縮小的最小比例
3. 設定maximumZoomScale ：放大的最大比例
4. 讓代理對象實現下面的方法，返回需要縮放的視圖控制項

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

跟縮放相關的其他代理方法：

• Ø 縮放完畢的時候調用

- (void)scrollViewDidZoom:(UIScrollView *)scrollView

• Ø 正在縮放的時候調用

-(void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

 

5、分頁

只要將UIScrollView的pageEnabled屬性設定為YES，UIScrollView會被分割成多個獨立頁面，裡面的內容就能進行分頁展示。分頁常用於圖片輪播，比如廣告條、新版本特性。

一般會配合UIPageControl增強分頁效果，用UIPageControl做出圖片輪播下方導航小點。

UIPageControl控制項常用屬性如下：

• Ø 一共有多少頁

@property(nonatomic) NSInteger numberOfPages;

• Ø 當前顯示的頁碼

@property(nonatomic) NSInteger currentPage;

• Ø 只有一頁時，是否需要隱藏頁碼指標

@property(nonatomic) BOOL hidesForSinglePage;

• Ø 其他頁碼指標的顏色

@property(nonatomic,retain) UIColor *pageIndicatorTintColor;

• Ø 當前頁碼指標的顏色

@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

6、UIScrollView的代理（delegate）

很多時候，我們想在UIScrollView正在滾動或滾動到某個位置或者停止滾動時做一些特定的操作。

要想完成上述功能，前提條件就是能夠監聽到UIScrollView的整個滾動過程。

當UIScrollView發生一系列的滾動操作時， 會自動通知它的代理（delegate）對象，給它的代理髮送相應的訊息，讓代理得知它的滾動情況。

也就是說，要想監聽UIScrollView的滾動過程，就必須先給UIScrollView設定一個代理對象，然後通過代理得知UIScrollView的滾動過程。

UIScrollView將delegate需要實現的方法都定義在了UIScrollViewDelegate協議中，因此要想成為UIScrollView的delegate，必須遵守UIScrollViewDelegate協議，然後重寫協議中相應的方法，就可以監聽UIScrollView的滾動過程了。

 

UIScrollView和控制器：

一般情況下，就設定UIScrollView所在的控制器為 UIScrollView的delegate。

設定控制器為UIScrollView的delegate有2種方法：

（1）通過代碼（self就是控制器）

self.scrollView.delegate = self;

（2）通過storyboard拖線（右擊UIScrollView）

 

例如：

#import "MJViewController.h"

 

@interface MJViewController () <UIScrollViewDelegate>

@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;

@property (weak, nonatomic) IBOutlet UIImageView *minionView;

@end

// 代理 \ 委託

 

@implementation MJViewController

 

- (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(@"----正在縮放");

}

 

- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

 

@end

iOS開發之UIScrollView