面如霜下雪侄柔，吻如雪上霜共啃。
前言
之前有小伙伴問(wèn)我占调，輪播圖（Banner）滑動(dòng)時(shí)根據(jù)圖片大小而改變自身高度，當(dāng)時(shí)一想不是很難移剪，細(xì)節(jié)拆分后也就幾部分究珊，但是就是懶，不想寫(xiě)纵苛。最近不是很忙剿涮，就動(dòng)手?jǐn)]了一遍。
第三方
- 輪播用
SDCycleScrollView - 想做到無(wú)侵入用
Aspects
效果如下：
AutoBanner
正文
核心細(xì)想就是，檢測(cè)Banner滑動(dòng)怀吻，實(shí)時(shí)計(jì)算高度瞬浓。
用的UIScrollView的代理方法有：
-
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
核心代碼：
//記錄當(dāng)前位置
_currentOffSet = scrollView.contentOffset.x;
//改變contentSize，一定要改變height蓬坡，因?yàn)橛懈叨茸兓趁蓿绻恢睘?或不變的話會(huì)閃
scrollView.contentSize = CGSizeMake(SCREEN_WIDTH * self.imageUrlArr.count, self.itemSize.height);
-
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;
核心代碼：
CGFloat offset = scrollView.contentOffset.x;
if (offset == _currentOffSet) {
return;
}
//偏移差，用來(lái)判斷是左滑還是右滑
CGFloat offsetValue = offset - _currentOffSet;
//上一個(gè)圖片的高度
NSDictionary *lastSizeDic = self.sizeArr[_lastIndex];
CGFloat lastHeight = [self getImageHWithImgW:lastSizeDic[@"width"] imgH:lastSizeDic[@"height"]];
//將要滑動(dòng)到的圖片的高度
NSInteger nextIndex = (offsetValue > 0) ? MIN(_lastIndex + 1, self.imageUrlArr.count - 1) : MAX(_lastIndex - 1, 0);
NSDictionary *nextSizeDic = self.sizeArr[nextIndex];
CGFloat nextHeight = [self getImageHWithImgW:nextSizeDic[@"width"] imgH:nextSizeDic[@"height"]];
//偏移量：偏移差取絕對(duì)值屑咳，用來(lái)計(jì)算實(shí)時(shí)高度
CGFloat offsetX = fabs(offsetValue);
//2圖片的高度差
CGFloat value = lastHeight - nextHeight;
//單位位移下的縮放的距離
CGFloat scale = value / SCREEN_WIDTH;
self.itemSize = CGSizeMake(SCREEN_WIDTH, lastHeight - scale * offsetX);
NSLog(@">>>height %lf offsetValue:%lf", self.itemSize.height, offsetValue);
//改變contentSize萨赁，一定要改變height，因?yàn)橛懈叨茸兓撬蓿绻恢睘?或不變的話會(huì)閃
scrollView.contentSize = CGSizeMake(SCREEN_WIDTH * self.imageUrlArr.count, self.itemSize.height);
//可能絲滑了一點(diǎn)點(diǎn)
[UIView animateWithDuration:0 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
self.headerView.frame = CGRectMake(0, 0, SCREEN_WIDTH, self.itemSize.height);
self.tableView.tableHeaderView = self.headerView;
} completion:nil];
-
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;
核心代碼：
NSLog(@">>>index:%zd", index);
_lastIndex = index;
_currentOffSet = self.imageScrollView.contentOffset.x;
Demo地址
總結(jié)
其實(shí)沒(méi)有什么復(fù)雜的點(diǎn)位迂，就是一些簡(jiǎn)單的計(jì)算访雪。
后記
總想寫(xiě)點(diǎn)什么详瑞，卻又無(wú)從寫(xiě)起。
