本文主要介绍了如何在iOS应用中实现列表视图（TableView）与网格视图（CollectionView）的相互切换，特别关注了一种简洁的方法来完成这一功能。
在iOS开发中，列表视图和网格视图是两种常用的展示数据的布局方式。列表视图通常用于显示一列垂直的数据项，而网格视图则可以展示多列，通常用于商品展示等场景。京东商城的截图就是一个典型的网格布局示例，用户可能希望在列表和网格之间自由切换以获得不同的浏览体验。
要实现这种切换，开发者最初可能会考虑使用UITableView和UICollectionView两种不同的控件。然而，这里介绍了一个更简洁的方法，即仅使用UICollectionView来实现两种视图的切换。
关键步骤如下：
1. 创建UICollectionView：
首先，你需要实例化一个UICollectionView对象。在提供的代码片段中，可以看到初始化UICollectionViewFlowLayout对象，用于设置布局参数。例如，设置滚动方向为垂直（UICollectionViewScrollDirectionVertical），以及设置单元格之间的左右间距和上下间距。
```objc
UICollectionViewFlowLayout *flowlayout = [[UICollectionViewFlowLayout alloc] init];
flowlayout.scrollDirection = UICollectionViewScrollDirectionVertical;
flowlayout.minimumInteritemSpacing = 2; // 左右间距
flowlayout.minimumLineSpacing = 2; // 上下间距
```
2. 设置UICollectionView的属性：
接着，配置UICollectionView的frame、代理（delegate）和数据源（dataSource），禁用滚动指示器，并设置背景色为透明。
```objc
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(2, 2, self.view.bounds.size.width - 4, self.view.bounds.size.height - 4) collectionViewLayout:flowlayout];
_collectionView.delegate = self;
_collectionView.dataSource = self;
_collectionView.showsVerticalScrollIndicator = NO;
_collectionView.showsHorizontalScrollIndicator = NO;
_collectionView.backgroundColor = [UIColor clearColor];
```
3. 注册UICollectionViewCell：
最后，为了能够显示内容，需要注册用于显示数据的UICollectionViewCell类。在代码中，使用`-[UICollectionView registerClass: forCellWithReuseIdentifier:]`方法注册了名为`GridListCollectionViewCell`的Cell类，并指定其重用标识符。
```objc
[_collectionView registerClass:[GridListCollectionViewCell class] forCellWithReuseIdentifier:kCellIdentifier_CollectionViewCell];
```
通过这种方式，我们只需要一个UICollectionView就可以实现列表和网格的切换。在数据源方法（如`collectionView:numberOfItemsInSection:`和`collectionView:cellForItemAtIndexPath:`）中，可以根据需要返回不同数量的列（比如单列表示列表，多列表示网格），并在`collectionView:layout:insetForSectionAtIndex:`中调整内边距以改变视图的外观，从而达到切换效果。
为了实现真正的切换，还需要添加一些额外的逻辑，比如监听用户操作或切换按钮的点击事件，然后根据当前状态动态调整UICollectionView的布局和显示内容。这可能涉及修改UICollectionViewFlowLayout的属性，或者在数据源方法中根据当前模式返回不同的数据模型。
利用UICollectionView的灵活性，开发者可以轻松地在列表视图和网格视图之间进行切换，提供丰富的用户体验，而无需维护两个独立的视图控件。
我的内容管理
展开
