collectionview怎么实现商品分类页面-创新互联

本篇内容介绍了“collectionview怎么实现商品分类页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

10年积累的成都网站建设、成都网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先制作网站后付款的网站建设流程,更有霍州免费网站建设让你可以放心的选择与我们合作。

左边一级分类使用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怎么实现商品分类页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联-成都网站建设公司网站,小编将为大家输出更多高质量的实用文章!


分享名称:collectionview怎么实现商品分类页面-创新互联
地址分享:http://scyanting.com/article/esopc.html