iOS - Developer - OC 进阶大全UIios

iOS单选和多选的优雅实现

2019-07-17  本文已影响0人  coenen

选择器 (collectionView 单选、多选)(tableView 单选、多选)

在项目工程中用的最多的就是列表了,而且在列表中总会有各种各样的处理。今天和大家分享一下单选和多选的优雅实现。

在tableview单选中:

关于选择有两个基本的方法。

第一种实现

// Called after the user changes the selection.
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath

其中第一个是点击选择的方法,第二个是取消的方法。
在单选的实现过程中我们可以配置model的选中结果来实现

- (void)configCellStatus:(UITableView *)tableView IndexPath:(NSIndexPath *)indexPath Status:(BOOL)status{
CustomTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
SelectModel *model = cell.selectModel;
model.isSelected = status;
cell.selectModel = model;
}

分别在两个选择方法中调用实现。在didSelectRowAtIndexPath中传入状态为YES,在didDeselectRowAtIndexPath方法中传入状态为NO。然后获取到该cell的model,从而改变状态。

此种实现仅仅满足在小量数据一次性展示的情况下,也是这种实现的缺点。原因是因为再次加载数据后,cell的加载状态改变,方法的实现仅限于加载展示的cell。

第二种实现

NSMutableArray *array = [NSMutableArray array];
for (int i = 0; i < self.dataList.count; i++) {
    SelectModel *model = self.dataList[i];
    if (i == indexPath.row) {
        model.isSelected = YES;
    }else{
        model.isSelected = NO;
    }
    [array addObject:model];
}
//更换数据源
self.dataList = array;
[tableView reloadData];

此种单选方法支持刷新数据,会遍历所有数据。

第三种实现

[tableView selectRowAtIndexPath:indexPath animated:YES scrollPosition:(UITableViewScrollPositionTop)];

此种单选方法在加载数据的时候会刷新原有cell选中状态。每次刷新后全部为未选中状态。
在cell中实现

- (void)setSelected:(BOOL)selected animated:(BOOL)animated方法

这是和前两种的区别之处,前两种是在model中设置选中状态,这是直接设置

在tableview多选中:

CustomTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
SelectModel *model = cell.selectModel;
model.isSelected = !model.isSelected;
cell.selectModel = model;

多选总是比较容易的,管好当前的cell即可。让状态反转,这样能取消选中。如果不需要取消选中则每次点击都设置为YES即可。model.isSelected = YES;

在collectionView单选中:

关于选择也有两个基本的方法。原理和tableview相同,(不太清楚的可以看下上面的)

第一种实现

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath;
- (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath;

实现方法和tableview也一样,稍稍更改一下即可

- (void)configCellStatus:(UICollectionView *)collectionView IndexPath:(NSIndexPath *)indexPath Status:(BOOL)status{
SelectCollectionViewCell *cell = (SelectCollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath];
SelectModel *model = cell.model;
model.isSelected = status;
cell.model = model;

}

第二种实现

    NSMutableArray *array = [NSMutableArray array];

    for (int i = 0; i < self.dataList.count; i++) {
        SelectModel *model = self.dataList[i];
        if (i == indexPath.row) {
            model.isSelected = YES;
        }else{
            model.isSelected = NO;
        }
        [array addObject:model];
    }
    //更换数据源
    self.dataList = array;
    [collectionView reloadData];

原理同上。

第三种实现

[collectionView selectItemAtIndexPath:indexPath animated:YES scrollPosition:(UICollectionViewScrollPositionTop)]

原理同上。

在collectionView多选中:

SelectCollectionViewCell *cell = (SelectCollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath];
SelectModel *model = cell.model;
model.isSelected = !model.isSelected;
cell.model = model;

总结

在单选点击cell处理中,如果采用第一种方法,则不需要reloadData。因为reloadData会改变cell的状态,导致取消选中无效。有很多的时候就是因为reloadData 导致didDeselectItemAtIndexPath不会调用。如果采用遍历数据的情况则不需要实现该方法。

Demo走一波,有需要的可以看一下,欢迎各位大大指点与批评。

上一篇下一篇

猜你喜欢

热点阅读