当前位置: 首页 > 编程笔记 >

iOS UITableView 拖动排序实现代码

秦城
2023-03-14
本文向大家介绍iOS UITableView 拖动排序实现代码,包括了iOS UITableView 拖动排序实现代码的使用技巧和注意事项,需要的朋友参考一下

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

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

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

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

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

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

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

 // 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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍avalon js实现仿微博拖动图片排序,包括了avalon js实现仿微博拖动图片排序的使用技巧和注意事项,需要的朋友参考一下 下文针对仿微博图片随意拖动,调整图片的顺序,讲解的很详细,文章肯定还有欠缺的地方,欢迎提出批评改正。废话不多说了,看具体内容吧。 点击此处进入源码下载 什么是拖动图片排序? 就像微博这种,上传后允许用户通过拖动图片,调整几张图片的顺序。 可以看到微博在这里

  • 本文向大家介绍基于vue-draggable 实现三级拖动排序效果,包括了基于vue-draggable 实现三级拖动排序效果的使用技巧和注意事项,需要的朋友参考一下 vue-draggable 之前项目中需要用到拖动排序,就去网上找资料,本来最开始是想用jquery-ui里的拖动的,后面发现不符合我的预期也不知道能不能跟vue.js兼容,后面我试过了,单个的可以但是层级太多就不一样了。 废话少说

  • 本文向大家介绍Jquery实现上下移动和排序代码,包括了Jquery实现上下移动和排序代码的使用技巧和注意事项,需要的朋友参考一下 提出问题: 下文为大家介绍下Jquery实现上下移动和排序,感兴趣的朋友可以了解一下。 解决问题 代码实现: 效果如下: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍php接口实现拖拽排序功能,包括了php接口实现拖拽排序功能的使用技巧和注意事项,需要的朋友参考一下 列表拖拽排序是一个很常见的功能,但是后端接口如何处理却是一个令人纠结的问题 如何实现才能达到效率最高呢? 先分析一个场景,假如有一个页面有十条数据,所谓的拖拽就是在这十条数据来来回回的拖,但是每次拖动都会影响到其他数据例如把最后一条拖到最前面,那么后面九条就自动往后移,反之也是,嗯~

  • 本文向大家介绍vue.draggable实现表格拖拽排序效果,包括了vue.draggable实现表格拖拽排序效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue.draggable实现表格拖拽排序效果展示的具体代码,供大家参考,具体内容如下 主要使用vuedraggable和sortablejs两个组件。 1、安装组件 2、引入组件 3、HTML 我的例子是给表格排序,项目整

  • 本文向大家介绍jquery实现拖动效果(代码分享),包括了jquery实现拖动效果(代码分享)的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!