UIScrollView和UIPageControl

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;
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市基茵,隨后出現(xiàn)的幾起案子奋构,更是在濱河造成了極大的恐慌,老刑警劉巖拱层,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件弥臼,死亡現(xiàn)場離奇詭異,居然都是意外死亡舱呻,警方通過查閱死者的電腦和手機醋火,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門悠汽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人芥驳,你說我怎么就攤上這事柿冲。” “怎么了兆旬?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵假抄,是天一觀的道長。 經(jīng)常有香客問我丽猬,道長宿饱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任脚祟,我火速辦了婚禮谬以,結果婚禮上,老公的妹妹穿的比我還像新娘由桌。我一直安慰自己为黎,他們只是感情好,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布行您。 她就那樣靜靜地躺著铭乾,像睡著了一般。 火紅的嫁衣襯著肌膚如雪娃循。 梳的紋絲不亂的頭發(fā)上炕檩,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機與錄音捌斧,去河邊找鬼笛质。 笑死,一個胖子當著我的面吹牛捞蚂,可吹牛的內容都是我干的经瓷。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼洞难,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了揭朝?” 一聲冷哼從身側響起队贱,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎潭袱,沒想到半個月后柱嫌,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡屯换,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年编丘,在試婚紗的時候發(fā)現(xiàn)自己被綠了与学。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡嘉抓,死狀恐怖索守,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情抑片,我是刑警寧澤卵佛,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站敞斋,受9級特大地震影響截汪,放射性物質發(fā)生泄漏。R本人自食惡果不足惜植捎,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一衙解、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧焰枢,春花似錦蚓峦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拟淮,卻和暖如春干茉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背很泊。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工角虫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人委造。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓戳鹅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親昏兆。 傳聞我的和親對象是個殘疾皇子枫虏,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內容

  • UIScrollView UIScrollView:是可以滾動的view,UIView本身不能滾動爬虱,子類UIScr...
    ly漸行漸遠閱讀 1,203評論 2 6
  • 概要 對于同一個頁面需要展示很多圖片信息隶债、子視圖等的這樣的需求,我們可以采用控件UIScrollVIew跑筝,與之常常...
    arbboter閱讀 3,017評論 0 3
  • 滾動視圖輪播圖片滾動視圖這個控件可以把它理解成小時候玩的那種照相機死讹,一共就幾張西游記的圖片,按一下快門曲梗,圖片就會切...
    磨劍十年閱讀 803評論 0 0
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫赞警、插件妓忍、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,124評論 4 61
  • 人越長大越懶。 不是所謂的懶得起床愧旦、懶得洗衣服世剖、懶得收拾家務,而是懶得去社交忘瓦,深交 搁廓。 以前受了委屈或者被人冤枉諷...
    余二生閱讀 1,416評論 1 2