iOS無限輪播Banner案例與原理分析

我們經常會遇到需要做無限輪播Banner的需求,仔細分析一下,可以拆分為兩個需求:

  • 可以自動滾動到下一頁
  • 不管是向前或者向后悯舟,永遠有下一頁

需求一:自動滾動

原理:通過定時任務來實現(xiàn)自動滾動
實現(xiàn)方式有很多種笛谦,例如GCD,NSTimer等蜒谤,具體實現(xiàn)方式這里不展開說明了,簡單寫幾個例子:
GCD的使用

// GCD實現(xiàn)定時任務
dispatch_source_t timer;
    timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0));
    dispatch_source_set_timer(timer,
                              dispatch_time(DISPATCH_TIME_NOW, 5*NSEC_PER_SEC),
                              5*NSEC_PER_SEC,
                              0);
    dispatch_source_set_event_handler(timer, ^{
        dispatch_suspend(timer);
    });
    dispatch_resume(timer);

NSTimer的使用

// NSTimer
- (void)startTimer {
    [self stopTimer];
    self.repeatTimer = [NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(scrollToNextPage) userInfo:nil repeats:YES];
}

- (void)stopTimer {
    [self.repeatTimer invalidate];
    self.repeatTimer = nil;
}

- (void)scrollToNextPage {
    // scroll to next page
}

需求二:永遠有上一頁/下一頁

網上比較常見的有兩種方案:

1、UICollectionView

為CollectionView返回一個比較大的itemCount嫉称,然后通過取余計算來實現(xiàn)cell的循環(huán)展示
為實現(xiàn)假的可以無限上下滾動,所以會將初始化的位置放到itemCount的中間位置
優(yōu)點:可以比較流暢的上下滾動
缺點:有邊界灵疮,假無限(可以通過返回更大的itemCount來優(yōu)化织阅,由于collectionView的重用機制,并不會過多消耗內存)震捣,如果真到邊界時荔棉,需要復位闹炉,否則會卡住
綜上,推薦使用這種方式來實現(xiàn)润樱,設置一個比較大的itemCount之后渣触,只要不是雞蛋里挑骨頭,可以說是“無限”循環(huán)

2壹若、UIScrollView

使用UIScrollView又有兩種思路:
具體實現(xiàn)請參考http://www.reibang.com/p/5847021bebc2
①滾動后重新布局嗅钻,然后滾動到中間位置

  1. 定義≥3頁的內容


    1
  2. 滾動到中間+1頁


    2
  3. 后臺修改頁面內容,滾動到中間頁(無動畫)


    3

    ②滾動動畫完成后店展,調整到合適的位置
    滑到左邊圖3后啊犬,后臺滾動到右邊圖3位置
    滑到右邊圖0時,后臺滾動到左邊圖0位置


    image.png

優(yōu)點:真的可以無限滑動
缺點:滑動不松手的話壁查,會有邊界

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末觉至,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子睡腿,更是在濱河造成了極大的恐慌语御,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件席怪,死亡現(xiàn)場離奇詭異应闯,居然都是意外死亡,警方通過查閱死者的電腦和手機挂捻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門碉纺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人刻撒,你說我怎么就攤上這事骨田。” “怎么了声怔?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵态贤,是天一觀的道長。 經常有香客問我醋火,道長悠汽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任芥驳,我火速辦了婚禮柿冲,結果婚禮上,老公的妹妹穿的比我還像新娘兆旬。我一直安慰自己假抄,他們只是感情好,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著慨亲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪宝鼓。 梳的紋絲不亂的頭發(fā)上刑棵,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機與錄音愚铡,去河邊找鬼蛉签。 笑死,一個胖子當著我的面吹牛沥寥,可吹牛的內容都是我干的碍舍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼邑雅,長吁一口氣:“原來是場噩夢啊……” “哼片橡!你這毒婦竟也來了?” 一聲冷哼從身側響起淮野,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤捧书,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后骤星,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體经瓷,經...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年洞难,在試婚紗的時候發(fā)現(xiàn)自己被綠了舆吮。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡队贱,死狀恐怖色冀,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情柱嫌,我是刑警寧澤呐伞,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站慎式,受9級特大地震影響伶氢,放射性物質發(fā)生泄漏。R本人自食惡果不足惜瘪吏,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一癣防、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掌眠,春花似錦蕾盯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽望拖。三九已至,卻和暖如春挫鸽,著一層夾襖步出監(jiān)牢的瞬間说敏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工丢郊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留盔沫,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓枫匾,卻偏偏與公主長得像架诞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子干茉,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內容

  • Bg:圖片輪播器數(shù)不勝數(shù)谴忧,但大多是UIScrollView + OC實現(xiàn)的,心血來潮角虫,決定用Swift+UICol...
    星辰大海_王閱讀 3,271評論 3 10
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,100評論 1 32
  • 最近心情一直不好俏蛮,壓力大,老公孩子覺得沒有一個省心上遥,孩子成績下滑搏屑,學習始終不專心,且跟小伙伴在一塊時常發(fā)點小情緒粉楚,...
    加油淡然閱讀 144評論 0 1
  • 公司:路易彬彥 【日精進打卡第172天】 【知~學習】 《六項精進》1遍共148遍 《大學》0遍共57遍 《通篇》...
    路易彬彥張娟閱讀 139評論 0 0