IOS：UIScrollView中具有無限頁面視圖

Question

我有這樣的代碼爲滾動視圖，以簡易淋浴3個圖像：

const CGFloat kScrollObjHeight = 150.0; 
const CGFloat kScrollObjWidth = 320.0; 
const NSUInteger kNumImages = 3; 


- (void)layoutScrollImages 
{ 
UIImageView *view = nil; 
NSArray *subviews = [scrollView1 subviews]; 

// reposition all image subviews in a horizontal serial fashion 
CGFloat curXLoc = 0; 
for (view in subviews) 
{ 
    if ([view isKindOfClass:[UIImageView class]] && view.tag > 0) 
    { 
     CGRect frame = view.frame; 
     frame.origin = CGPointMake(curXLoc, 0); 
     view.frame = frame; 

     curXLoc += (kScrollObjWidth); 
    } 
} 


// set the content size so it can be scrollable 
[scrollView1 setContentSize:CGSizeMake((kNumImages * kScrollObjWidth), [scrollView1 bounds].size.height)]; 

} 

- (void)viewDidLoad 
{ 
self.view.backgroundColor = [UIColor viewFlipsideBackgroundColor]; 

// 1. setup the scrollview for multiple images and add it to the view controller 
// 
// note: the following can be done in Interface Builder, but we show this in code for clarity 
[scrollView1 setBackgroundColor:[UIColor blackColor]]; 
[scrollView1 setCanCancelContentTouches:NO]; 
scrollView1.indicatorStyle = UIScrollViewIndicatorStyleWhite; 
scrollView1.clipsToBounds = YES;  // default is NO, we want to restrict drawing within our scrollview 
scrollView1.scrollEnabled = YES; 

// pagingEnabled property default is NO, if set the scroller will stop or snap at each photo 
// if you want free-flowing scroll, don't set this property. 
scrollView1.pagingEnabled = YES; 
scrollView2.pagingEnabled = YES; 
scrollView3.pagingEnabled = YES; 

// load all the images from our bundle and add them to the scroll view 
NSUInteger i; 
for (i = 1; i <= kNumImages; i++) 
{ 
    NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", i]; 
    UIImage *image = [UIImage imageNamed:imageName]; 
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 

    // setup each frame to a default height and width, it will be properly placed when we call "updateScrollList" 
    CGRect rect = imageView.frame; 
    rect.size.height = kScrollObjHeight; 
    rect.size.width = kScrollObjWidth; 
    imageView.frame = rect; 
    imageView.tag = i; // tag our images for later use when we place them in serial fashion 
    [scrollView1 addSubview:imageView]; 
    //[scrollView2 addSubview:imageView]; 
    //[scrollView3 addSubview:imageView]; 
    [imageView release]; 
} 

[self layoutScrollImages]; // now place the photos in serial layout within the scrollview 

} 

但現在我想做一個滾動型是在最後的圖像時，給我的第一圖像後滾動視圖和同樣的事情，當我有第一個圖像，如果我回去，它必須顯示最後一個圖像;所以我想創建一個尋呼循環。

Answer 1

其基本思路是將自己設置爲UIScrollViewDelegate，並將滾動位置的一些模運算應用於滾動位置。

這個想法有兩個基本的變化。假設你的圖像是A，B，C，所以你現在把它們放在按ABC排列的scrollview中。

在更合乎邏輯的解決方案 - 尤其是如果你有很多很多的圖像 - 你看滾動的位置，一旦它到達的位置，視圖被推向右，C已離開屏幕，你將圖像重新排列爲CAB，並將當前滾動位置向右移動一點以便該移動對用戶不可見。換句話說，滾動位置被限制在兩個屏幕區域，以B的中間爲中心（所以，你可以得到B的全部和一半的屏幕）。每當你將它從左邊的某個地方包裝到右邊的某個地方時，你將所有的圖像視圖向右移動一個位置。反之亦然。

在稍微容易實現的變體中，不是創建一個帶有排列ABC的圖像的滾動視圖，而是安排爲CABCA。然後應用相同的環繞邏輯，但應用到四個屏幕的中心區域，並且不要進行任何視圖重組。

請確保您只使用setContentOffset:（或點符號，如scrollView.contentOffset =）作爲設置者。 setContentOffset:animated:會否定速度。