iOS自定義的無限滾動(dòng)框架

很早就寫了這么一個(gè)框架,但一直沒找到時(shí)間來推廣井厌。
照舊先放上Github的地址:
https://github.com/watermelon520/LPAutoScrollView

特色

  • 支持豎直以及水平自動(dòng)輪播
  • 沒有侵入性,使用自定義的view
  • 自定的view支持純代碼或者xib
  • 采用類似UITableView的方式構(gòu)建框架
  • view重用機(jī)制的無限輪播毒嫡,性能優(yōu)異
  • 針對(duì)常用的image輪播观腊,加入LPImageContentView直接使用

框架主要的核心代碼可以直接下載下來自行研究,網(wǎng)上關(guān)于無限滾動(dòng)的教程也很多浙垫,只是實(shí)現(xiàn)方式有些許不同刨仑,但是大體一樣。所以我在這里就稍微簡(jiǎn)單的說一下實(shí)現(xiàn)方式夹姥。

原理

利用UIScrollView的滾動(dòng)機(jī)制杉武,讓UIScrollViewcontentSizeframe的高一樣,寬度為三倍辙售。
然后往UIScrollView里加入三個(gè)View轻抱,依次排開,把UIScrollViewcontentSize鋪滿旦部。

如圖所示:
上方深色為UIScrollView祈搜,淺色為contentSize范圍,
下方1士八、2容燕、3分別是3個(gè)已經(jīng)加入UIScrollViewview

屏幕快照 2017-07-05 21.36.58.png

UIScrollView的默認(rèn)偏移量為一個(gè)寬度
當(dāng)前展示的2號(hào)view
假設(shè)我們需要展示的數(shù)據(jù)數(shù)組為@[a, b, c, d, e, f]婚度,那么現(xiàn)在2號(hào)view顯示的是b

當(dāng)我們滑動(dòng)UIScrollView蘸秘,無論左滑還是右滑,即將出現(xiàn)的view要顯示數(shù)據(jù)由2號(hào)view的數(shù)據(jù)決定蝗茁,如果右滑醋虏,那么3號(hào)view顯示c,如果左滑哮翘,1號(hào)view顯示a颈嚼。

現(xiàn)在開始滑動(dòng),如下圖所示:

屏幕快照 2017-07-05 21.47.32.png

UIScrollView的偏移量為2個(gè)寬度
當(dāng)前展示的是3號(hào)view忍坷,展示的是c

核心思想

這時(shí)候我們需要做幾件事來讓UIScrollView可以繼續(xù)滾動(dòng)粘舟,這也是無限滾動(dòng)的核心思想所在熔脂。

  1. 使2號(hào)圖展示3號(hào)圖的數(shù)據(jù)
  2. 并且改變UIScrollView的偏移為1個(gè)寬度

這樣用戶看起來界面上什么改變也沒有發(fā)生,但是我們把整個(gè)位置都給替換了柑肴。

不要吝嗇你的喜歡霞揉,框架好用請(qǐng)Star。
如果有不懂的或者想要技術(shù)交流都可以私信我晰骑,謝謝大家适秩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市硕舆,隨后出現(xiàn)的幾起案子秽荞,更是在濱河造成了極大的恐慌,老刑警劉巖抚官,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扬跋,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡凌节,警方通過查閱死者的電腦和手機(jī)钦听,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來倍奢,“玉大人朴上,你說我怎么就攤上這事∽渖罚” “怎么了痪宰?”我有些...
    開封第一講書人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)畔裕。 經(jīng)常有香客問我衣撬,道長(zhǎng),這世上最難降的妖魔是什么柴钻? 我笑而不...
    開封第一講書人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任淮韭,我火速辦了婚禮,結(jié)果婚禮上贴届,老公的妹妹穿的比我還像新娘靠粪。我一直安慰自己,他們只是感情好毫蚓,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開白布占键。 她就那樣靜靜地躺著,像睡著了一般元潘。 火紅的嫁衣襯著肌膚如雪畔乙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,262評(píng)論 1 308
  • 那天翩概,我揣著相機(jī)與錄音牲距,去河邊找鬼返咱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛牍鞠,可吹牛的內(nèi)容都是我干的咖摹。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼难述,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼萤晴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起胁后,我...
    開封第一講書人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤店读,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后攀芯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屯断,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年敲才,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了裹纳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡紧武,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出敏储,到底是詐尸還是另有隱情阻星,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布已添,位于F島的核電站妥箕,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏更舞。R本人自食惡果不足惜畦幢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望缆蝉。 院中可真熱鬧宇葱,春花似錦、人聲如沸刊头。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽原杂。三九已至印颤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間穿肄,已是汗流浹背年局。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工际看, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人矢否。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓仲闽,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親兴喂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蔼囊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件衣迷、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,120評(píng)論 4 61
  • 夜晚畏鼓,橋上,車輛呼嘯而過壶谒。 這一只路燈對(duì)那一只路燈說:“親愛的云矫,你好漂亮!”他已經(jīng)瞧了她很久汗菜,鼓足勇氣迸出這么一句...
    葉新涼閱讀 357評(píng)論 3 2
  • 不都這樣嗎 你不去做的事會(huì)有人替你做 你不去努力的事有人在努力 你不去競(jìng)爭(zhēng)的有人把你淘汰 再好的東西拖著拖著就沒了...
    海仙子閱讀 180評(píng)論 0 0
  • 一個(gè)彎腰割油菜的女人 在空曠的原野上 散發(fā)著成熟的味道 一把月牙形的鐮刀割下去 長(zhǎng)滿串串籽莢的油菜棵 在她身后 一...
    王春淶閱讀 256評(píng)論 2 6
  • 其實(shí)我是一個(gè)自制力很差的人让禀。 而且是一個(gè)有著三分鐘熱度的人。 第一期寫作訓(xùn)練營(yíng)開始的時(shí)候,我覺得很是新鮮陨界,興趣來了...
    小芭比Amy媽媽閱讀 199評(píng)論 4 1