Cách thay đổi hình ảnh từ UIImageView bằng cách trượt sang phải hoặc sang trái từ UIViewController

Question

Tôi có một UIViewController với UIImageView trong đó và một mảng UIImage. Làm thế nào tôi có thể phát triển tính năng trượt sang phải hoặc trái để thay đổi hình ảnh sang vị trí mảng tiếp theo?

Answer 1

Cách tiếp cận chung là UIScrollView kích thước của một trong các hình ảnh, với kích hoạt phân trang.

Thêm những hình ảnh như subviews và thiết lập kích thước nội dung như thế này ...

NSArray *images; 
CGSize imageSize; 

self.scrollView.frame = CGRectMake(10,10,imageSize.width,imageSize.height); 
self.scrollView.contentSize = CGSizeMake(imageSize.width * images.count, imageSize.height); 
self.scrollView.pagingEnabled = YES; 

CGFloat xPos = 0.0; 

for (UIImage *image in images) { 
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 
    imageView.frame = CGRectMake(xPos, 0.0, imageSize.width, imageSize.width); 
    [self.scrollView addSubview:imageView]; 
    xPos += imageSize.width; 
    // assuming ARC, otherwise release imageView 
} 

Bạn cũng có thể tắt nảy, cuộn chỉ, vv tùy thuộc vào các chi tiết của các hiệu ứng mà bạn muốn.

Answer 2

Bạn chỉ có thể nhận được hướng swipe được sang trái hoặc phải với UISwipeGestureRecognizer như thế này

swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(detectSwipe:)]; 
[swipeGesture setNumberOfTouchesRequired:1]; 
[swipeGesture setDirection:UISwipeGestureRecognizerDirectionDown | UISwipeGestureRecognizerDirectionUp]; 
[appView addGestureRecognizer:swipeGesture]; 

Phương pháp detectSwipe tuyên bố cho xử lý về phía trước và lạc hậu để chơi với mảng UIImage. Bạn cũng có thể kiểm tra Apple's SimpleGestureRecognizers Demo

Hy vọng nó sẽ giúp bạn!

Answer 3

Bằng cách sử dụng UIScrollView và UIPageControl, kéo thả n UIScrollView và UIPageControl chắc chắn rằng họ không chồng chéo lên nhau, tạo IBOutlet của both.Set

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    // 1 
imageArray = [NSArray arrayWithObjects: 
        [UIImage imageNamed:@"image2.jpg"], 
        [UIImage imageNamed:@"man-actor-Ashton-Kutcher-Wallpaper.jpg"], 
        [UIImage imageNamed:@"image1.jpg"], 
        [UIImage imageNamed:@"man-curl.jpg"], 
        [UIImage imageNamed:@"man-in-suit.jpg"], 
        nil]; 


    for (int i = 0; i < imageArray.count; i++) { 
    CGRect frame; 
    frame.origin.x = self.scrollView.frame.size.width * i; 
    frame.origin.y = 0; 
    frame.size = self.scrollView.frame.size; 

    UIImageView *subview = [[UIImageView alloc] initWithFrame:frame]; 
    subview.image = [imageArray objectAtIndex:i]; 
    subview.contentMode = UIViewContentModeScaleAspectFit; 
    [self.scrollView addSubview:subview]; 
    } 

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width * imageArray.count, self.scrollView.frame.size.height); 
    pageControl.numberOfPages = imageArray.count; 
} 

- (void)scrollViewDidScroll:(UIScrollView *)sender { 
    // Update the page when more than 50% of the previous/next page is visible 
    CGFloat pageWidth = self.scrollView.frame.size.width; 
    int page = floor((self.scrollView.contentOffset.x - pageWidth/2)/pageWidth) + 1; 
    self.pageControl.currentPage = page; 
}