您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“collectionview怎么實(shí)現(xiàn)商品分類頁面”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
左邊一級分類使用tableview來展示,右邊的耳機(jī)分類使用collectionview來展示,主要就是實(shí)現(xiàn)一二級分類的聯(lián)動(dòng)。下面主要講下點(diǎn)擊和滑動(dòng)。
1、左側(cè)一級分類的點(diǎn)擊實(shí)現(xiàn)
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ [tableView deselectRowAtIndexPath:indexPath animated:YES]; if (indexPath.row != selectTableIndex) { //判斷滑動(dòng)是不是因?yàn)辄c(diǎn)擊一級分類引起 isClickLeft = YES; selectTableIndex = indexPath.row; [tableView reloadData]; //二級分類滑動(dòng)到對應(yīng)的區(qū)域 [_classCollectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:selectTableIndex] atScrollPosition:UICollectionViewScrollPositionTop animated:YES]; ///讓collectionview的滑動(dòng)回退sectionheader的高度 _classCollectionView.contentOffset = CGPointMake(0, _classCollectionView.contentOffset.y-70); dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ isClickLeft = NO; }); } }
2、在collectionview的代理方法中更改一級分類的選中
///collectionview將要加載頭尾視圖調(diào)用的方法 - (void)collectionView:(UICollectionView *)collectionView willDisplaySupplementaryView:(UICollectionReusableView *)view forElementKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath { if (isClickLeft) { return; } CGPoint point = [view convertPoint:CGPointZero toView:self.view]; ///判斷是不是SectionHeader if (point.y < 100 && [elementKind isEqualToString:UICollectionElementKindSectionHeader]) { ///更新當(dāng)前選中的一級分類的indexpath selectTableIndex = indexPath.section; [_classTableView reloadData]; } } ///collectionview已經(jīng)加載完頭尾視圖調(diào)用的方法 - (void)collectionView:(UICollectionView *)collectionView didEndDisplayingSupplementaryView:(UICollectionReusableView *)view forElementOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath { if (isClickLeft) { return; } CGPoint point = [view convertPoint:CGPointZero toView:self.view]; ///判斷是不是SectionHeader if (point.y < 100 && [elementKind isEqualToString:UICollectionElementKindSectionHeader]) { ///更新當(dāng)前選中的一級分類的indexpath selectTableIndex = indexPath.section; [_classTableView reloadData]; }
“collectionview怎么實(shí)現(xiàn)商品分類頁面”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。