时间:2021-05-02
今天在项目中遇到了tableview的单选需求,现在总结一下,用一个简单的demo实现了简单的单选和多选两个功能.先看下效果图:
1:首先实现下单选
1:使用一个变量记录选中的行
? 1 @property (assign, nonatomic) nsindexpath *selindex; //单选选中的行2:设置tableview数据,共2组,每组10行,
? 1 2 3 4 5 6 - (nsinteger)numberofsectionsintableview:(uitableview *)tableview { return 2; } - (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section { return 10; }3:实现tableview的点击方法,每次点击记录点击的索引,取消之前的选择行,将当前选择的行打钩
? 1 2 3 4 5 6 7 8 9 10 11 12 13 -(void)tableview:(uitableview *)tableview didselectrowatindexpath:(nsindexpath *)indexpath{ //取消之前的选择 uitableviewcell *celled = [tableview cellforrowatindexpath:_selindex]; celled.accessorytype = uitableviewcellaccessorynone; //记录当前的选择的位置 _selindex = indexpath; //当前选择的打钩 uitableviewcell *cell = [tableview cellforrowatindexpath:indexpath]; cell.accessorytype = uitableviewcellaccessorycheckmark; }4:列表滚动时,判断是否为选中的行,如果是cell是选中的那一行,就设置cell的accessorytype为uitableviewcellaccessorycheckmark,到这里单选就实现完成了
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 - (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath { static nsstring *cellid = @"cellid"; uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:cellid]; if (cell == nil) { cell = [[uitableviewcell alloc]initwithstyle:uitableviewcellstyledefault reuseidentifier:cellid]; } cell.textlabel.text = [nsstring stringwithformat:@"第%zi组,第%zi行",indexpath.section+1,indexpath.row]; if (_selindex == indexpath) { cell.accessorytype = uitableviewcellaccessorycheckmark; }else{ cell.accessorytype = uitableviewcellaccessorynone; } return cell; }2:下面实现多选
1:使用一个数组记录选中的行
? 1 @property (strong, nonatomic) nsmutablearray *selectindexs; //多选选中的行2:使用一个变量判断是单选还是多选状态
? 1 @property (nonatomic, assign) bool issingle; //单选还是多选3:导航栏右侧按钮设置为单选和双选的切换按钮,并初始化多选记录数组
? 1 2 3 4 5 uibarbuttonitem *rightitem = [[uibarbuttonitem alloc]initwithtitle:@"多选" style:uibarbuttonitemstyleplain target:self action:@selector(singleselect)]; self.navigationitem.rightbarbuttonitem = rightitem; //初始化多选数组 _selectindexs = [nsmutablearray new];4:点击导航栏上的切换按钮切换单选还是多选状态
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 //单选还是多选按钮点击事件 -(void)singleselect{ _issingle = !_issingle; if (_issingle) { self.navigationitem.rightbarbuttonitem.title = @"多选"; self.title = @"(单选)"; //切换为单选的时候,清除多选数组,重新加载列表 [self.selectindexs removeallobjects]; [self.tableview reloaddata]; }else{ self.title = @"(多选)"; self.navigationitem.rightbarbuttonitem.title = @"单选"; } }5:为tableview的点击方法中加上单选还是多选的状态判断,多选的话,将点击的行加入到多选索引数组中去,然后改变该行的cell.accessorytype,重复点击就做反操作
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 //选中某一行 -(void)tableview:(uitableview *)tableview didselectrowatindexpath:(nsindexpath *)indexpath{ if (_issingle) { //单选 //取消之前的选择 uitableviewcell *celled = [tableview cellforrowatindexpath:_selindex]; celled.accessorytype = uitableviewcellaccessorynone; //记录当前的选择的位置 _selindex = indexpath; //当前选择的打钩 uitableviewcell *cell = [tableview cellforrowatindexpath:indexpath]; cell.accessorytype = uitableviewcellaccessorycheckmark; }else{ //多选 uitableviewcell *cell = [tableview cellforrowatindexpath:indexpath]; if (cell.accessorytype == uitableviewcellaccessorycheckmark) { //如果为选中状态 cell.accessorytype = uitableviewcellaccessorynone; //切换为未选中 [_selectindexs removeobject:indexpath]; //数据移除 }else { //未选中 cell.accessorytype = uitableviewcellaccessorycheckmark; //切换为选中 [_selectindexs addobject:indexpath]; //添加索引数据到数组 } } }6:在cellforrow代理方法中同样加入单选多选的判断,在滚动列表是加载列表,判断是否选中
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 - (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath { static nsstring *cellid = @"cellid"; uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:cellid]; if (cell == nil) { cell = [[uitableviewcell alloc]initwithstyle:uitableviewcellstyledefault reuseidentifier:cellid]; } cell.textlabel.text = [nsstring stringwithformat:@"第%zi组,第%zi行",indexpath.section+1,indexpath.row]; if (_issingle) { //单选 if (_selindex == indexpath) { cell.accessorytype = uitableviewcellaccessorycheckmark; }else{ cell.accessorytype = uitableviewcellaccessorynone; } return cell; }else{ //多选 cell.accessorytype = uiaccessibilitytraitnone; for (nsindexpath *index in _selectindexs) { if (indexpath == index) { cell.accessorytype = uitableviewcellaccessorycheckmark; } } } return cell; }到这里就完成了,没什么技术含量,有需求的可以参考下,有好的想法可以多多交流,项目在github的地址.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://www.jianshu.com/p/204d472b7b73?utm_source=tuicool&utm_medium=referral
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了基于javascript实现单选及多选的向右和向左移动实例。分享给大家供大家参考。具体实现方法如下:方法一:实现单选及多选的向右和向左移动选项1选
一、前言这次分享并记录一下tableview的多选删除,并额外记录一下单选删除及tableview的设置小技巧。二、想要实现的效果图如下:1、先上原图2、然后编
本文实例为大家分享了vue实现单选和多选功能的具体代码,供大家参考,具体内容如下复制代码Documentul,li{list-style-type:none;}
本文介绍了ReactJS实现表单的单选多选和反选的示例,分享给大家,希望对大家有所帮助。需求是对列表实现单选,反选和多选,全部清除的操作......this.s
android开发中实现单选与多选对话框的代码非常简单,具体代码如下所示:publicvoidmyClick(Viewview){//单选对话框//single