亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

IOS圖片無限輪播器的實現原理

2020-07-26 03:23:54
字體:
來源:轉載
供稿:網友

首先實現思路:整個collectionView中只有2個cell.中間始終顯示第二個cell.

滾動:向前滾動當前cell的腳標為0,向后滾動當前的cell腳標為2.利用當前cell的腳標減去1,得到+1,或者-1,來讓圖片的索引加1或者減1,實現圖片的切換.

聲明一個全局變量index來保存圖片的索引,用來切換顯示在當前cell的圖片.

在滾動前先讓顯示的cell的腳標變為1.代碼viewDidLoad中設置

完成一次滾動結束后,代碼再設置當前的cell為第二個cell(本質上就是讓當前顯示的cell的腳標為1)

最后一個有一個線程問題就是:當你連續滾動的時候,最后停止,當前顯示的圖片會閃動,因為是異步并發執行的,線程不安全導致.解決辦法:讓滾動完成后設置cell的代碼加入主隊列執行即可.

準備工作,創建collectionViewController,storyboard,進行類綁定,cell綁定,cell可重用標識綁定.

創建的cell.h文件

//// PBCollectionCell.h// 無限滾動//// Created by 裴波波 on 16/3/30.// Copyright © 2016年 裴波波. All rights reserved.//#import <UIKit/UIKit.h>@interface PBCollectionCell : UICollectionViewCell@property(nonatomic,strong)UIImage * img;@end•cell.m文件//// PBCollectionCell.m// 無限滾動//// Created by 裴波波 on 16/3/30.// Copyright © 2016年 裴波波. All rights reserved.//#import "PBCollectionCell.h"@interface PBCollectionCell ()//不要忘記給collectionView的cell上設置圖片框,并拖線到cell分類中@property (strong, nonatomic) IBOutlet UIImageView *imgView;@end@implementation PBCollectionCell//重寫img的set方法來個cell進行賦值.(當調用cell.img = img的時候回調用set ..img的方法)-(void)setImg:(UIImage *)img{_img = img;self.imgView.image = img;}@end

控制器的代碼詳解

//// ViewController.m// 無限滾動//// Created by 裴波波 on 16/3/30.// Copyright © 2016年 裴波波. All rights reserved.//#import "ViewController.h"#import "PBCollectionCell.h"http://定義宏圖片的個數#define kPictureCount 3@interface ViewController ()@property (strong, nonatomic) IBOutlet UICollectionViewFlowLayout *flowLayout;/*** 圖片的索引*/@property(nonatomic,assign) NSInteger index;@end•聲明全局變量index為了拼接滾動過程中切換的圖片的索引@implementation ViewController-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{return kPictureCount;}-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{static NSString * ID = @"cell";PBCollectionCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:ID forIndexPath:indexPath];//圖片索引只有下一站或者上一張,即+1,或者-1,為了切換圖片//中間的cell的腳標是1,滾動后腳標是2或者0,湊成next值為+1或者-1(讓圖片索引+1或者-1來完成切換圖片),則NSInteger next = indexPath.item - 1;//為了不讓next越界,進行取余運算 ---------+next為了切換圖片next = (self.index + kPictureCount + next) % kPictureCount;NSString * imgName = [NSString stringWithFormat:@"%02ld",next + 1];UIImage * img = [UIImage imageNamed:imgName];cell.img = img;return cell;}

•在viewDidLoad設置了當前顯示圖片的cell是第二個cell,當cell向前滾動腳標-1(cell的indexPath.item的值為0),向后滾動腳標+1(cell的indexPath.item的值為2)

•如何拼接圖片?---通過全局變量self.index: •cell向前滾動圖片的索引self.index -1 此時cell的indexPath.item為0;然而此時圖片的索引需要減1

•cell向后滾動圖片的索引self.index+1 此時cell的indexPath.item為2;圖片的索引需要加1

•綜上可以得出通過對cell的indexPath.item-1 再加上self.index就可以得出,要在下個圖片中顯示的圖片的索引

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{//計算偏移的整數倍,偏移了0或者是2, -1是讓self.index圖片索引+1 或者 -1以切換圖片;NSInteger offset = scrollView.contentOffset.x / scrollView.bounds.size.width - 1;self.index = (offset + self.index + kPictureCount) % kPictureCount;//本質就是改變cell的索引,再根據self.index來切換圖片,使用取余讓圖片索引不至于越界//異步主隊列執行,為了不讓連續滾動停止后,圖片有閃動.dispatch_async(dispatch_get_main_queue(), ^{[self scrollToSecondCell];});}

•cell停止滾動后將圖片的索引self.index值計算出來,保存在全局變量.為了在數據源第三個方法---返回cell的時候通過cell的indexPath.item的+1或者-1以及圖片的索引self.index來正確切換要顯示的圖片.

•滾動停止后將操作放入主隊列異步執行,此操作是為了將中間顯示的cell的腳標變為1,也就是將當前顯示的圖片的cell變為第二個cell.放在主隊列異步執行(不堵塞主線程,主隊列的任務順序執行,當主線程任務完成后再執行切換cell為第二個cell)不會出現連續滾動后閃動圖片的bug.(此句看不懂可以略過).

//封裝設置當前顯示的cell為第二個cell的方法.

-(void)scrollToSecondCell{NSIndexPath * idxPath = [NSIndexPath indexPathForItem:1 inSection:0];[self.collectionView scrollToItemAtIndexPath:idxPath atScrollPosition:UICollectionViewScrollPositionLeft animated:NO];}- (void)viewDidLoad {[super viewDidLoad];self.flowLayout.itemSize = self.collectionView.bounds.size;self.flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;self.flowLayout.minimumLineSpacing = 0;self.collectionView.backgroundColor = [UIColor whiteColor];self.collectionView.pagingEnabled = YES;self.collectionView.bounces = NO;self.collectionView.showsHorizontalScrollIndicator = NO;[self scrollToSecondCell];}@end

1. cell滑動前或者每次滑動結束后都用代碼設置當前顯示的cell為第二個cell,在數據源第三個方法也就是返回cell的方法中實現圖片的切換用的是cell的indexPath.item-1 = -1或者 +1 再加上圖片本身的索引值self.index就會得出即將滾出的cell要顯示的是上一張圖片還是下一張圖片.

2. cell滾動結束后要計算當前cell顯示圖片的索引.是通過scrollview的偏移量contentoffset.x除以scrollview的寬度,計算出當前cell的圖片的索引保存.之后再滑動cell的時候,會調用數據源第三個方法,就會使用保存下來的self.index以及加上cell的indexPath.item-1來計算要顯示的圖片的索引.

以上內容是小編給大家介紹的IOS圖片無限輪播器的實現原理,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美老少做受xxxx高潮| 亚洲欧美日韩一区二区在线| 欧美在线免费看| 欧美性xxxx| 久久夜色精品亚洲噜噜国产mv| 欧美性生交大片免网| 日韩精品久久久久久福利| 国产视频精品自拍| 亚洲欧美国产一区二区三区| 国产噜噜噜噜久久久久久久久| 91久久久在线| 亚洲午夜性刺激影院| 日韩女优在线播放| 国产视频精品在线| 欧美一区二区影院| 国内偷自视频区视频综合| 午夜精品久久久久久久99热浪潮| 91精品在线观看视频| 欧美乱大交做爰xxxⅹ性3| 精品国产精品自拍| 国产成人在线播放| 久久久精品视频在线观看| 亚洲一级一级97网| 久久久成人的性感天堂| 一区二区福利视频| 欧美激情影音先锋| 国产日韩一区在线| 日韩av在线高清| 成人久久一区二区| 中文字幕在线亚洲| 一本大道久久加勒比香蕉| 九九热精品视频| 欧美刺激性大交免费视频| 久久久天堂国产精品女人| 日韩激情第一页| 亚洲小视频在线| 国产精品高清免费在线观看| 国产精品99蜜臀久久不卡二区| 最近中文字幕mv在线一区二区三区四区| 另类天堂视频在线观看| 另类天堂视频在线观看| 国产精品69久久| 日韩中文字在线| 成人在线一区二区| 韩国国内大量揄拍精品视频| 97在线免费视频| 全亚洲最色的网站在线观看| 亚洲精品wwwww| 欧美美女15p| 日韩视频第一页| 亚洲视频一区二区| 国产免费一区二区三区在线能观看| xxx成人少妇69| 欧美激情一区二区久久久| 亚洲 日韩 国产第一| 中文国产亚洲喷潮| 57pao成人国产永久免费| 欧美大片在线影院| 欧美色视频日本高清在线观看| 久久久免费av| 亚洲最大的免费| 成人激情视频在线| 国内揄拍国内精品| 韩国一区二区电影| 亚洲亚裔videos黑人hd| 欧美日韩在线观看视频| 久久免费福利视频| 国产一区二区三区久久精品| 成人精品视频在线| 欧美性xxxx| 欧美日韩国产成人高清视频| 欧美日韩亚洲一区二区三区| 91亚洲精品视频| 日韩精品在线视频观看| 国产成人精品综合| 成人av.网址在线网站| 欧美xxxx14xxxxx性爽| 国内精品久久久久伊人av| 一区二区三区动漫| 日韩精品在线播放| 久久久97精品| 国产精品美女免费看| 日韩成人在线视频网站| 亚洲free性xxxx护士白浆| 欧美极品欧美精品欧美视频| 国产裸体写真av一区二区| 亚洲久久久久久久久久久| 美日韩精品免费观看视频| 日韩中文视频免费在线观看| 国产精品久久久久av| 日韩av成人在线观看| 日韩精品在线第一页| 国产亚洲福利一区| 国产成人一区二区三区| 在线播放亚洲激情| 国产日本欧美一区二区三区在线| 亚洲人精品午夜在线观看| 啪一啪鲁一鲁2019在线视频| 国产精品成人观看视频国产奇米| 中文字幕亚洲综合久久| 日本精品视频在线| 91tv亚洲精品香蕉国产一区7ujn| 亚洲第一网站男人都懂| 国产主播精品在线| 亚洲第一国产精品| 欧美日韩人人澡狠狠躁视频| 亚洲国模精品一区| 综合国产在线观看| 欧美激情xxxx性bbbb| www欧美日韩| 日韩国产欧美精品一区二区三区| 日韩最新在线视频| 国产精品成人在线| 国产精品久在线观看| 九色成人免费视频| 中文字幕亚洲欧美一区二区三区| 亚洲最大的成人网| 国产精品高潮呻吟久久av黑人| 日韩精品免费在线| 欧美激情一二三| 亚洲精品98久久久久久中文字幕| 久久琪琪电影院| 91精品国产高清自在线| 性色av一区二区三区| 国产精品久久久久av免费| 黑人与娇小精品av专区| 成人av电影天堂| 91青草视频久久| 欧美精品一二区| 日韩欧美中文在线| 91免费视频网站| 国产成人自拍视频在线观看| 久久精品视频中文字幕| 亚洲欧美中文日韩在线v日本| 欧美性猛交xxxx免费看漫画| 91免费福利视频| 视频一区视频二区国产精品| 国产99久久精品一区二区 夜夜躁日日躁| 欧美性猛交xxxx久久久| 亚洲大胆人体视频| 欧美成人性色生活仑片| 日韩小视频在线观看| 宅男66日本亚洲欧美视频| www.亚洲免费视频| 欧美黑人性猛交| 欧美国产中文字幕| 91沈先生在线观看| 日日摸夜夜添一区| 午夜精品三级视频福利| 欧美影院久久久| 中文字幕国内精品| 欧美激情一级欧美精品| 亚洲精品女av网站| 亚洲qvod图片区电影| 国产精品一区二区久久| 97视频在线观看免费| 亚洲一区二区免费| 一个人看的www欧美| 伊人av综合网| 亚洲精品资源美女情侣酒店| 91精品免费久久久久久久久| 日韩欧美综合在线视频| 性欧美暴力猛交69hd| 国产在线999|