iOS筆記:使用UIPageControl+UIScrollView實(shí)現(xiàn)圖片自動(dòng)播放及手動(dòng)切換

首先新建一個(gè)類UIPageViewDatasource繼承自UIView蹬挺,并定義UIPageViewDelegateUIPageViewDatasource兩個(gè)協(xié)議探遵,scrollView躲株、pageControl筋遭、animationDurationdelegate碉熄、datasource等屬性详囤,以及reloadData方法财骨。

UIPageViewDelegate協(xié)議中定義可選方法,實(shí)現(xiàn)點(diǎn)擊某個(gè)page時(shí)觸發(fā)的操作

- (void)pageView:(DLPageView *)pageView didSelectPage:(UIView *)view atIndexPath:(NSIndexPath *)indexPath;

UIPageViewDatasource協(xié)議中定義兩個(gè)方法藏姐,分別用于設(shè)置pageControl的總頁數(shù)以及每一頁的view

- (NSInteger)numberOfPagesInPageView:(DLPageView *)pageView;
- (UIView *)pageView:(DLPageView *)pageView viewForPageAtIndexPath:(NSIndexPath *)indexPath;

在.m文件中隆箩,實(shí)現(xiàn)init方法,為animationDuration賦一個(gè)默認(rèn)的初始值羔杨,同時(shí)調(diào)用initPageView方法構(gòu)造UI捌臊。

手動(dòng)實(shí)現(xiàn)animationDurationsetter方法,首先將當(dāng)前定時(shí)器(timer)置空兜材,防止重復(fù)定義引起多個(gè)定時(shí)器同時(shí)工作理澎,然后判斷animationDuration是否大于0。

- (void)setAnimationDuration:(NSTimeInterval)animationDuration {
    if (self.animationTimer) {
        [self.animationTimer invalidate];
        self.animationTimer = nil;
    }
    if (animationDuration > 0.0) {
        _animationDuration = animationDuration;
        [self animationTimerStart:self.animationTimer];
    }
}

定義animationTimerStart:曙寡、animationTimerStop:方法實(shí)現(xiàn)定時(shí)器的添加和移除

- (void)animationTimerStart:(NSTimer *)timer {
    self.animationTimer = [NSTimer scheduledTimerWithTimeInterval:_animationDuration target:self selector:@selector(animationTimerRun:) userInfo:nil repeats:YES];
}

- (void)animationTimerStop:(NSTimer *)timer {
    [self.animationTimer invalidate];
    self.animationTimer = nil;
}

啟動(dòng)定時(shí)器

- (void)animationTimerRun:(NSTimer *)timer {
    if (self.totalPages > 1) {
        CGPoint offset = CGPointMake(self.scrollView.contentOffset.x + CGRectGetWidth(self.scrollView.frame), self.scrollView.contentOffset.y);
        [self.scrollView setContentOffset:offset animated:YES];
    }
}

實(shí)現(xiàn)loadDatareloadData方法為pageView加載數(shù)據(jù)矾端,同時(shí)為上一頁、當(dāng)前頁卵皂、下一頁添加點(diǎn)擊手勢(shì)操作UITapGestureRecognizer秩铆,在響應(yīng)tap手勢(shì)的方法中判斷是否實(shí)現(xiàn)UIPageViewDelegate中的pageView:didSelectPage:atIndexPath:方法。

- (void)singleTapHandle:(UITapGestureRecognizer *)tap {
    if ([self.delegate respondsToSelector:@selector(pageView:didSelectPage:atIndexPath:)]) {
        [self.delegate pageView:self didSelectPage:tap.view atIndexPath:self.indexPathOfCurrentPage];
    }
}

定義getValidPageValue:方法,獲取有效頁碼殴玛,處理第一頁的上一頁和最后一頁的下一頁捅膘。

- (NSInteger)getValidPageValue:(NSInteger)value {
    if (value == -1) {
        value = self.totalPages - 1;
    } else if (value == self.totalPages) {
        value = 0;
    }
    return value;
}

實(shí)現(xiàn)UIScrollViewDelegate中的scrollViewDidScroll:方法,獲取用戶的滑動(dòng)操作滚粟,并判斷左滑和右滑以翻到上一頁或下一頁寻仗。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    int x = scrollView.contentOffset.x;
    //左滑翻到下一頁
    if(x >= (2 * self.frame.size.width)) {
        self.indexPathOfCurrentPage = [NSIndexPath indexPathForRow:[self getValidPageValue:self.indexPathOfCurrentPage.row + 1] inSection:self.indexPathOfCurrentPage.section];
        [self loadData];
    }
    //右滑翻到上一頁
    if(x <= 0) {
        self.indexPathOfCurrentPage = [NSIndexPath indexPathForRow:[self getValidPageValue:self.indexPathOfCurrentPage.row - 1] inSection:self.indexPathOfCurrentPage.section];
        [self loadData];
    }
}

實(shí)現(xiàn)UIScrollViewDelegate中的scrollViewWillBeginDragging:方法和scrollViewDidEndDragging:willDecelerate:,當(dāng)用戶開始滑動(dòng)時(shí)停止當(dāng)前定時(shí)器凡壤,當(dāng)用戶停止滑動(dòng)時(shí)重新開始定時(shí)器署尤,如果跳過此步驟的話,可能存在的一個(gè)問題亚侠,當(dāng)用戶左右滑動(dòng)手動(dòng)翻頁后曹体,在定時(shí)器的作用下,當(dāng)前頁立刻切換到下一頁硝烂,影響用戶體驗(yàn)箕别。

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    [self animationTimerStop:self.animationTimer];
}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
    [self animationTimerStart:self.animationTimer];
}

源碼地址https://github.com/xiaoyu-lyt/DLPageView,同時(shí)感謝CocoaChina@sunpeng大大的分享

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末滞谢,一起剝皮案震驚了整個(gè)濱河市串稀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌狮杨,老刑警劉巖母截,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異橄教,居然都是意外死亡微酬,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門颤陶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颗管,“玉大人,你說我怎么就攤上這事滓走】呀” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵搅方,是天一觀的道長(zhǎng)比吭。 經(jīng)常有香客問我,道長(zhǎng)姨涡,這世上最難降的妖魔是什么衩藤? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮涛漂,結(jié)果婚禮上赏表,老公的妹妹穿的比我還像新娘检诗。我一直安慰自己,他們只是感情好瓢剿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布逢慌。 她就那樣靜靜地躺著,像睡著了一般间狂。 火紅的嫁衣襯著肌膚如雪攻泼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天鉴象,我揣著相機(jī)與錄音忙菠,去河邊找鬼。 笑死纺弊,一個(gè)胖子當(dāng)著我的面吹牛牛欢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播俭尖,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼氢惋,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼洞翩!你這毒婦竟也來了稽犁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤骚亿,失蹤者是張志新(化名)和其女友劉穎已亥,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體来屠,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡虑椎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俱笛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捆姜。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖迎膜,靈堂內(nèi)的尸體忽然破棺而出泥技,到底是詐尸還是另有隱情,我是刑警寧澤磕仅,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布珊豹,位于F島的核電站,受9級(jí)特大地震影響榕订,放射性物質(zhì)發(fā)生泄漏店茶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一劫恒、第九天 我趴在偏房一處隱蔽的房頂上張望贩幻。 院中可真熱鬧,春花似錦、人聲如沸段直。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸯檬。三九已至决侈,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間喧务,已是汗流浹背赖歌。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留功茴,地道東北人庐冯。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像坎穿,于是被迫代替她去往敵國(guó)和親展父。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容