iOS UITableView 拖动排序实现代码

时间:2022-05-24 13:45:52

uitbableview作为列表展示信息,除了展示的功能,有时还会用到删除,排序等功能,下面就来讲解一下如何实现排序。 

排序是当表格进入编辑状态后,在单元格的右侧会出现一个按钮,点击按钮,就可以拖动单元格,移动位置,进行手动排序。 

iOS UITableView 拖动排序实现代码

iOS UITableView 拖动排序实现代码

使用系统自带拖动排序功能的步骤: 

1、让tableview进入编辑状态,也就是设置它的editing为yes 

2、返回编辑模式,也就是实现uitableviewdelegate中的tableview:editingstyleforrowatindexpath:方法,在里面返回uitableviewcelleditingstylenone模式。如果不实现,默认返回的就是删除模式 

3、实现tableview:moverowatindexpath:toindexpath方法,只要实现该方法,就能实现单元格的拖动排序,但只是实现了表面的排序,并没有修改真实地数据 

4、在方法中完成数据模型的更新
 代码:

?
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
// viewcontroller.m
// jrtableview删除
//
// created by jerehedu on 15/6/11.
// copyright (c) 2015年 jerehedu. all rights reserved.
//
 
#import "viewcontroller.h"
#import "goods.h"
 
@interface viewcontroller ()<uitableviewdatasource, uitableviewdelegate>
 
{
  uitableview *_tableview; //列表
 
  nsmutablearray *_goodsary; //商品数组
 
  uibutton *_editbtn; //编辑按钮
}
@end
 
@implementation viewcontroller
 
- (void)viewdidload {
  [super viewdidload];
 
  //添加标题
  uilabel *titlelabel = [[uilabel alloc] initwithframe:cgrectmake(0, 20, self.view.frame.size.width, 44)];
  titlelabel.text = @"购物车";
  titlelabel.textalignment = nstextalignmentcenter;
  titlelabel.backgroundcolor = [uicolor redcolor];
  titlelabel.textcolor = [uicolor whitecolor];
  [self.view addsubview:titlelabel];
 
  //添加编辑按钮
  _editbtn = [uibutton buttonwithtype:uibuttontypecustom];
  _editbtn.frame = cgrectmake(self.view.frame.size.width-60, 25, 50, 34);
  [_editbtn settitle:@"编辑" forstate:uicontrolstatenormal];
  [_editbtn settitle:@"完成" forstate:uicontrolstateselected];
  _editbtn.titlelabel.font = [uifont systemfontofsize:15];
  _editbtn.backgroundcolor = [uicolor colorwithred:0.8 green:0.8 blue:0.8 alpha:0.5];
  [self.view addsubview:_editbtn];
  [_editbtn addtarget:self action:@selector(clickeditbtn:) forcontrolevents:uicontroleventtouchupinside];
 
  //添加tableview
  _tableview = [[uitableview alloc] initwithframe:cgrectmake(0, 64, self.view.frame.size.width, self.view.frame.size.height-64)];
  _tableview.datasource = self;
  _tableview.delegate = self;
  [self.view addsubview:_tableview];
 
  //取数据
  nsarray *ary = [nsarray arraywithcontentsoffile:[[nsbundle mainbundle] pathforresource:@"shoppinggoodslist" oftype:@"plist"]];
 
  //把数据存到模型对象中,然后把对象存到数组中
  _goodsary = [nsmutablearray array];
  for (int i=0; i<ary.count; i++) {
    goods *good = [goods goodswithdic:ary[i]];
    [_goodsary addobject:good];
  }
}
 
#pragma mark 数据源 返回有几行
-(nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section
{
  return _goodsary.count;
}
 
#pragma mark 每行显示内容
-(uitableviewcell*)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
{
  static nsstring *idgood = @"goods";
 
  uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:idgood];
 
  if (cell==nil) {
    cell = [[uitableviewcell alloc] initwithstyle:uitableviewcellstylesubtitle reuseidentifier:idgood];
  }
 
  goods *good = _goodsary[indexpath.row];
 
  cell.imageview.image = [uiimage imagenamed:good.icon];
  cell.textlabel.text = good.name;
  cell.detailtextlabel.text = good.details;
  cell.detailtextlabel.numberoflines = 6;
  cell.detailtextlabel.textcolor = [uicolor browncolor];
 
  return cell;
}
 
#pragma mark 选中行
-(void)tableview:(uitableview *)tableview didselectrowatindexpath:(nsindexpath *)indexpath
{
  // 取消选中状态
  [tableview deselectrowatindexpath:indexpath animated:yes];
}
 
#pragma mark 设置行高
-(cgfloat)tableview:(uitableview *)tableview heightforrowatindexpath:(nsindexpath *)indexpath
{
  return 110;
}
 
#pragma mark 点击编辑按钮
- (ibaction)clickeditbtn:(uibutton *)sender {
 
  //设置tableview编辑状态
  bool flag = !_tableview.editing;
  [_tableview setediting:flag animated:yes];
  _editbtn.selected = flag;
}
 
#pragma mark 选择编辑模式,添加模式很少用,默认是删除
-(uitableviewcelleditingstyle)tableview:(uitableview *)tableview editingstyleforrowatindexpath:(nsindexpath *)indexpath
{
  return uitableviewcelleditingstylenone;
}
 
#pragma mark 排序 当移动了某一行时候会调用
//编辑状态下,只要实现这个方法,就能实现拖动排序
-(void)tableview:(uitableview *)tableview moverowatindexpath:(nsindexpath *)sourceindexpath toindexpath:(nsindexpath *)destinationindexpath
{
  // 取出要拖动的模型数据
  goods *goods = _goodsary[sourceindexpath.row];
  //删除之前行的数据
  [_goodsary removeobject:goods];
  // 插入数据到新的位置
  [_goodsary insertobject:goods atindex:destinationindexpath.row];
}
 
@end

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。