水平 `UIScrollView` 放多張圖片,頂部 `UITextView` 隨頁面切換顯示對應說明。
@interface ViewController () <UIScrollViewDelegate>
@property (nonatomic) int currentPage;
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UITextView *textView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.scrollView.delegate = self;
self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width * 3, 0); // 3頁
self.currentPage = 0;
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat offsetX = scrollView.contentOffset.x;
CGFloat pageWidth = scrollView.frame.size.width;
int newPage = (int)round(offsetX / pageWidth);
if (newPage != self.currentPage && newPage >= 0 && newPage < 3) {
self.currentPage = newPage;
switch (newPage) {
case 0: self.textView.text = @"第一張圖片說明"; break;
case 1: self.textView.text = @"第二張圖片說明"; break;
case 2: self.textView.text = @"第三張圖片說明"; break;
}
}
}
@end