iOS 之列表聯(lián)動(dòng)

2019-11-09 14:18:55

字體：大中小

供稿：網(wǎng)友

左側(cè)是tableview，右側(cè)是collectionView

其實(shí)原理很簡單：就是左側(cè)放一個(gè)tableview，右側(cè)放一個(gè)collectionView（也可以是tableview），只要搞清楚點(diǎn)擊表，或者滑動(dòng)collection的時(shí)候，另一個(gè)做出相應(yīng)的效果來就好了

先放上效果圖：

這里寫圖片描述

主要邏輯代碼：

1.首先是點(diǎn)擊tableview的時(shí)候，要計(jì)算出collectionView要滾動(dòng)到的位置:

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { // 計(jì)算出右側(cè) collectionView 將要滾動(dòng)的位置 NSIndexPath *moveToIndexPath = [NSIndexPath indexPathForRow:0 inSection:indexPath.row]; [self.collectionView selectItemAtIndexPath:moveToIndexPath animated:YES scrollPosition:UICollectionViewScrollPositionTop];}

2.然后是滑動(dòng)collectionView的時(shí)候，計(jì)算tableview要響應(yīng)的位置：

- (void)collectionView:(UICollectionView *)collectionView willDisplaySupplementaryView:(UICollectionReusableView *)view forElementKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath { if ([elementKind isEqualToString:UICollectionElementKindSectionHeader]) { if (indexPath.section!=0) { NSIndexPath *tabIndexPath = [NSIndexPath indexPathForRow:indexPath.section - 1 inSection:0]; [self.tableView selectRowAtIndexPath:tabIndexPath animated:YES scrollPosition:UITableViewScrollPositionMiddle]; } }}

Demo地址

上一篇：iOS 狀態(tài)欄顏色更改

下一篇：iOS視頻錄制、壓縮導(dǎo)出、取幀等