如何在ios的單個視圖中滑動多個圖像

Question

我在單個視圖中製作了多個圖像拖動。在該應用中，只有一個視圖具有圖像。我希望能夠從左到右，從右到左滑動，並讓第一張圖片離開視圖，第二張圖片進入。我正在嘗試編碼。但它不適用於我。請任何身體指南我是新來的圖像swipping.Thanks提前。

scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320, 190)]; 
scrollView.showsVerticalScrollIndicator=YES; 
scrollView.userInteractionEnabled=YES; 
scrollView.delegate = self; 
scrollView.scrollEnabled = YES; 
scrollWidth = 120;  
scrollView.contentSize = CGSizeMake(scrollWidth,80);  
[self.view addSubview:scrollView]; 


- (void)connectionDidFinishLoading:(NSURLConnection *)connection 
{ 

    NSError *err; 
    NSString *strResponse=[[NSString alloc]initWithData:responseData encoding:NSUTF8StringEncoding]; 

    NSLog(@"response is %@",strResponse); 

    dict1=[NSJSONSerialization JSONObjectWithData:responseData options:NSJSONReadingAllowFragments error:&err]; 

    NSLog(@"vals are %@",dict1); 

    NSString *strImg; 
    url=@"myimageurl"; 
    str=[dict1 valueForKey:@"image_names"]; 

    arrImages=[str componentsSeparatedByString:@","]; 

    for(int index=0; index < [arrImages count]; index++) 
    {  
     NSLog(@"image: %@",[arrImages objectAtIndex:index]); 
     if (str!=nil) 
     { 
      strImg=[url stringByAppendingString:[arrImages objectAtIndex:index]]; 

      dispatch_async(dispatch_get_global_queue(0,0), ^{ 

       NSData *data = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:strImg]]; 

       if(data == nil) return; 

       dispatch_async(dispatch_get_main_queue(), ^{ 

        UIImage *img=[UIImage imageWithData: data]; 
        imgView.image=img; 
       }); 
      }); 
     } 
    } 
} 




- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 
{ 
    UITouch * touch = [[event allTouches] anyObject]; 

    for(int index=0;index<[arrImages count];index++) 
    { 
     UIImageView *imgView = [arrImages objectAtIndex:index]; 

     NSLog(@"x=%f,y=%f,width =%f,height=%f",imgView.frame.origin.x,imgView.frame.origin.y,imgView.frame.size.width,imgView.frame.size.height); 

     NSLog(@"x= %f,y=%f",[touch locationInView:self.view].x,[touch locationInView:self.view].y) ; 

     if(CGRectContainsPoint([imgView frame], [touch locationInView:scrollview])) 
     { 
      [self ShowDetailView:imgView]; 
      break; 
     } 
    } 
    } 

Answer 1

首先設置pagingEnabled屬性scrollview.pagingEnabled = YES;。 然後爲scrollView設置正確的contentSize。 最後但並非最不重要的是，您必須將width的contentSize設置爲scrollView.frame.size.width的倍數。

I.E.如果你有3個圖像和您的scrollView擁有320像素的width你contentSize必須320x3 = 960像素

Answer 2

您可能需要調整scrollView.contentSize.width通過amountOfImages * scrollWidth。

---

除此之外，你真的應該爲每個圖像創建一個新的對象。

它可以處理圖像下載，驗證和觸摸處理（即使在圖像上方有一個透明按鈕）。你可以完全消除你的控制器中奇怪的touchesBegan代碼，你完全可以忘記座標。

此外，您可以停止以這種方式滾動的進度下載，因此性能可能會增長。

Answer 3

.h file #import <UIKit/UIKit.h> 

    @interface ViewController : UIViewController<UIScrollViewDelegate,UIScrollViewAccessibilityDelegate> 

    { 
     UIScrollView *scrView; 
     NSMutableArray *arrimage; 
     UIImageView *imgview; 
    } 
    @end 
.M file 
- (void)viewDidLoad { 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 



    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)]; 
    [scrollView setBackgroundColor:[UIColor redColor]]; 
    scrollView.contentSize = CGSizeMake(320, 465); 

    [scrollView setScrollEnabled:YES]; 
    [scrollView setPagingEnabled:YES]; 
    [scrollView setAlwaysBounceVertical:NO]; 
    [self.view addSubview:scrollView]; 

    arrimage = [[NSMutableArray alloc]initWithObjects:@"1.jpeg",@"2.jpeg",@"3.jpeg",@"4.jpeg",@"5.jpeg",@"6.jpeg",@"7.jpeg",@"8.jpeg",@"9.jpeg",@"10.jpeg", nil]; 

    for (int i = 0; i < [arrimage count]; i++) 
    { 
     CGFloat xOrigin = i * scrollView.frame.size.width; 

     UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(xOrigin, 0, scrollView.frame.size.width, scrollView.frame.size.height)]; 
     [imageView setImage:[UIImage imageNamed:[arrimage objectAtIndex:i]]]; 
     [imageView setContentMode:UIViewContentModeScaleAspectFit]; 

     [scrollView addSubview:imageView]; 
    } 

    [scrollView setContentSize:CGSizeMake(scrollView.frame.size.width * [arrimage count], scrollView.frame.size.height)]; 
}