两个collection联动（实现网易新闻首页效果）

最新推荐文章于 2022-07-16 19:21:46 发布

InitWithName_Luo

最新推荐文章于 2022-07-16 19:21:46 发布

阅读量1.4k

点赞数

文章标签： IOS UICollectionView

本文链接：https://blog.csdn.net/InitWithName_Luo/article/details/50574609

版权

这篇博客介绍了如何通过一个UICollectionView的item控制另一个UICollectionView的section，以达到类似网易新闻首页的效果。主要讨论了在iOS开发中，利用UICollectionView进行内容展示和分类标题的联动实现。

摘要由CSDN通过智能技术生成

最近对UICollectionView的使用频繁了起来权当一次练习吧

这个demo的思想是以一个UICollectionView的Item区控制另一个UICollectionView的Section

前者用以显示类别（例如分类项的标题），后者用以显示内容详情


#import "ViewController.h"
#import "ViewCollectionViewCell.h"
#import "TitleCollectionViewCell.h"
@interface ViewController ()
<
UICollectionViewDataSource,
UICollectionViewDelegate
>
/**
 *  标题栏
 */
@property (nonatomic,strong)UICollectionView *titleCollectionView;
/**
 *  显示栏
 */
@property (nonatomic,strong)UICollectionView *viewCollectionView;

@property (nonatomic,strong)NSArray<NSString *> *titleArray;

@end

static CGFloat const titleH = 50;

#define YCKScreenW [UIScreen mainScreen].bounds.size.width
#define YCKScreenH [UIScreen mainScreen].bounds.size.height


@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //初始化标题栏
    self.titleCollectionView=({
        UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc]init];
        //屏幕显示5个标题
        flowLayout.itemSize = CGSizeMake(YCKScreenW/5, titleH);
        //无间隔
        flowLayout.minimumInteritemSpacing = 0;
        flowLayout.minimumLineSpacing =0;
        flowLayout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0);
        flowLayout.scrollDirection = UICollectionViewS