本篇内容介绍了“collectionview怎么实现商品分类页面”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
左边一级分类使用tableview来展示，右边的耳机分类使用collectionview来展示，主要就是实现一二级分类的联动。下面主要讲下点击和滑动。
1、左侧一级分类的点击实现
计算
安全
数据库
网络和加速
企业服务
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
[tableView deselectRowAtIndexPath:indexPath animated:YES];
if (indexPath.row != selectTableIndex) {
//判断滑动是不是因为点击一级分类引起
isClickLeft = YES;
selectTableIndex = indexPath.row;
[tableView reloadData];
//二级分类滑动到对应的区域
[_classCollectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:selectTableIndex] atScrollPosition:UICollectionViewScrollPositionTop animated:YES];
///让collectionview的滑动回退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将要加载头尾视图调用的方法
- (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]) {
///更新当前选中的一级分类的indexpath
selectTableIndex = indexPath.section;
[_classTableView reloadData];
}
}
///collectionview已经加载完头尾视图调用的方法
- (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]) {
///更新当前选中的一级分类的indexpath
selectTableIndex = indexPath.section;
[_classTableView reloadData];
}“collectionview怎么实现商品分类页面”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：http://blog.itpub.net/69968464/viewspace-2706161/
