UIScrollView 滾動視圖 核心功能是滾動和縮放
UIPageControl 一般情況下不會自己單獨使用,只會和滾動視圖結合使用
- (void)viewDidLoad {
[super viewDidLoad];
UIScrollView *scrollview = [[UIScrollView alloc] initWithFrame:CGRectMake(0,100,300,300)];
// frame決定是顯示窗口的大小
// 設置代理
scrollView.delegate = self;// ViewController遵守UIScrollViewDelegate協(xié)議
// 決定內容區(qū)域的大小,內容區(qū)域的大小決定是橫向滾動還是縱向滾動
scrollView.contentSize = CGSizeMake(300*3,300);
// 當前偏移量决侈,這個屬性也是我們后面進行相關操作的重要數(shù)據(jù)
scrollView.contentOffset = CGPointMake(0,0);
// 設置是否顯示滾動條楞艾,默認是YES
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;
// 設置整屏滾動 默認是NO
scrollView.pagingEnabled = YES;
// 設置邊界是否回彈 默認是YES
scrollView.bounces = NO;
// 點擊狀態(tài)欄重父,回到頂部洽糟,默認是YES酝锅,前提是縱向滾動,P.S:當scrollView中裝載的是UIScrollView時無法回頂部,不知道為什么蒿赢,也可能是我操作不當
scrollView.scrollsToTop = YES;
for (int i = 0 ; i < 3; i++) {
// 大scrollView上裝小的scrollView是因為設置了大scrollView的縮放后润樱,在滑動操作時會起沖突導致崩潰,所以為了不影響大scrollView的滑動操作羡棵,我們對小scrollView進行縮放操作
UIScrollView *scrollViewS = [[UIScrollView alloc] initWithFrame:CGRectMake(300*i,0,300,300)];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0,0,300,300)];
imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"01%d.png",i+3];//圖片是013.png壹若,014.png,015.png
[scrollViewS addSubview:imageView];
[imageView release];
[scrollView addSubview:scrollViewS];
[scrollViewS release];
// 小S設置代理是為了實現(xiàn)視圖縮放
// 大S設置代理是為了實現(xiàn)視圖滾動
scrollViewS.delegate = self;
// 設置縮小比例和放大比例
scrollViewS.minimumZoomScale = 0.5;
scrollViewS.maximumZoomScale = 2;
scrollViewS.showsHorizontalScrollIndicator = NO;
scrollViewS.showsVerticalScrollIndicator = NO;
}
UIPageControl *page = [[UIPageControl alloc] initWithFrame:CGRectMake(0,370,300,30)];
page.backgroundColor = [UIColor blueColor];// 一般不設背景顏色皂冰,太丑
// 設置小圓點的個數(shù)
page.numberOfPages = 3;
// 設置當前小圓點的顏色
page.currentPageIndicatorTintColor = [UIColor redColor];
// 設置非當前小圓點的顏色
page.pageIndicatorTintColor = [UIColor yellowColor];
// 設置初始小圓點
page.currentPage = 0;
// 添加事件
[page addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];// 沒錯店展,小圓點也是UIControl的子類
[self.view addSubview:page];
[page release];
}
#pragma mark --- page觸發(fā)事件 ---
// page的觸發(fā)不是點擊小圓點而是點擊旁邊的空白,而且不能跳著移動只能一個一個的移動
- (void)pageAction:(UIPageControl *)page{
UIScrollView *sv = self.view.subviews[0];
// 自帶動畫
[sv setContentOffset:CGPointMake(page.currentPage*300,0) animated:YES];//這個方法會調用滾動的方法秃流;
}
#pragma mark --- 允許哪些視圖可以縮放 ---
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
// 不設置的話無法縮放
return [scrollView subviews][0]
}
#pragma mark --- 視圖縮放時自動調用的方法 ---
- (void)scrollViewDidZoom:(UIScrollView *)scrollView{
// 當我們設置完放大和縮小的比例后赂蕴,實際上我們不需要任何操作,系統(tǒng)就幫我們執(zhí)行好了放大和縮小功能舶胀,只不過不是根據(jù)中心點縮放
// 縮小時為了讓視圖根據(jù)中心點進行縮放概说,我們需要手動設置
// 放大的時候不用調整中心點的位置
if (scrollView.zoomScale <= 1) {
scrollView.subviews[0].center = CGPointMake(scrollView.frame.size.width/2,scrollView.frame.size.height/2);
}
}
#pragma mark --- 滾動調用的方法 ---
// 滾動視圖的執(zhí)行順序 開始拖拽 -> 滾動 -> 滾動 -> 滾動 -> 結束拖拽 ->開始減速 -> 滾動 -> 滾動 -> 滾動 -> 結束減速
// 放大縮小時也會調用這個方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
NSLog(@"滾動");
}
#pragma mark --- 開始拖拽調用的方法 ---
//在邊界處拖拽,即使不滾動也會調用開始拖拽和結束拖拽的方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
NSLog(@"開始拖拽");
}
#pragma mark --- 結束拖拽調用的方法 ---
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
NSLog(@"結束拖拽");
}
#pragma mark --- 開始減速 ---
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
NSLog(@"開始減速");
}
#pragma mark --- 結束減速 ---
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
NSLog(@"結束減速");
UIScrollView *bigScrollView = self.view.subviews[0];
if (![bigScrollView isEqual:scrollView]) {
return;// 如果傳進來的是小s 我們直接return不往下執(zhí)行
}
UIPageControl *page = self.view.subviews[1];
if (page.currentPage != scrollView.contentOffset.x/300) {
// 判斷當滾動視圖停止后是不是還保留在當前頁嚣伐,如果保留在當前頁 糖赔,視圖不恢復原樣,如果不是保留在當前頁轩端,恢復視圖原樣放典;
for (UIScrollView *i in scrollView.subviews) {
i.zoomScale = 1;
}
page.currentPage = scrollView.contentOffset.x/300;
}
}