博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
TableEdit UI_10
阅读量:6267 次
发布时间:2019-06-22

本文共 8653 字,大约阅读时间需要 28 分钟。

1、tableView的编辑的步骤:
 1.让tableView处于编辑状态,(默认所有的cell都处于编辑状态,默认下的编辑样式是删除)
 2.设置哪些cell可以编辑
 3.设置编辑的样式(删除,插入)
 4.提交编辑结果(先修改数据源,再修改UI)
 tableView的移动的步骤:
 1.让tableView处于编辑状态
 2.设置哪些cell可以移动
 3.提交移动结果
图片素材:
本节素材
plist
文件下载:
————————————————————————————————
AppDelegate.m
  self.window.rootViewController = [[[UINavigationController alloc]initWithRootViewController:[RootViewController alloc]]autorelease];
RootViewController.m
#import "RootViewController.h"
#import
"DetailViewController.h"
@interface RootViewController ()<</span>UITableViewDataSource,UITableViewDelegate>
@property(nonatomic,retain)NSMutableDictionary *dict;
@property(nonatomic,retain)NSMutableArray *orderKeys;
@end
@implementation RootViewController
-(
void)dealloc{
   
self.dict = nil;
   
self.orderKeys = nil;
    [
super dealloc];
}
重写loadView方法,将UITableView指定为视图控制器的对象
- (void)loadView{
   
UITableView *tableView = [[UITableView alloc]initWithFrame:[UIScreen mainScreen].bounds style:(UITableViewStylePlain)];
   
//设置数据源代理
    tableView.
dataSource = self;
   
//设置业务代理
    tableView.
delegate = self;
   
//将tableView 指定为rootViewController 根视图
   
self.view = tableView;
   
    [tableView
release];
}
- (void)viewDidLoad {
    [
super viewDidLoad];
    self.view.backgroundColor = [UIColor brownColor];
    配置导航条的方法
    [self configureNavigationContent];
    从plist文件读取数据
    [self readDataFromPlist];
}
从plist文件读取数据
- (void)readDataFromPlist{
   1.获取文件路径
 NSString *filePath = [[NSBundle mainBundle]pathForResource:@"Contacts.plist" ofType:nil];
   
   2.根据文件路径初始化字典对象,因为此时文件的最外层是字典
    self.dict = [NSMutableDictionary dictionaryWithContentsOfFile:filePath];
//    NSLog(@"%@",diict);//验证是否取出来
   
    copy一个一摸一样的字典出来,枚举copy出来的字典,修改原来的字典
    NSDictionary *copyDict = [NSDictionary dictionaryWithDictionary:self.dict];
    遍历字典
    for (NSString *key in copyDict) {
       
NSArray *array = copyDict[key];
   
//初始化可变数组
       
NSMutableArray *mArr = [NSMutableArray arrayWithArray:array];
        [
self.dict setValue:mArr forKey:key];
    }
   
   
   
//3.获取字典中所有的key值
   
NSArray *keys =  self.dict.allKeys;
   
//4.对数组中keys排序
  
NSArray *array =  [keys sortedArrayUsingSelector:@selector(compare:)];
   
//5.初始化存放key的数组
   
self.orderKeys = [NSMutableArray arrayWithArray:array];
   
}
//配置导航条的显示的内容
- (
void)configureNavigationContent{
   
self.navigationItem.title  = @"通讯录";
   
self.navigationController.navigationBar.barTintColor = [UIColor orangeColor];
   
//设置编辑按钮
   
self.navigationItem.rightBarButtonItem = self.editButtonItem;
}
//重写点击Edit按钮方法
- (
void)setEditing:(BOOL)editing animated:(BOOL)animated{
    [
super setEditing:editing animated:animated];
//    NSLog(@"%d",editing);    验证可编辑状态
//    editing    为1时可以编辑,为0时不可以编辑
    [(UITableView *)self.view  setEditing:editing animated:YES ];
 
}
——————————————————————————————————
#pragma mark 必须实现的数据源代理方法
//2.配置哪些cell可以编辑
- (
BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{
//    if (indexPath.section < 3) {
//        return YES;
//    }
//    return NO;
   
return indexPath.section <</span> 3 ? YES : NO;
}
//设置deligt为删除
- (
NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{
   
return @"删除";
}
//4.提交编辑操作
- (
void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{
  
//先修改数据源再更新UI(界面)
   
//1.根据分区索引获取key值,确定要删除的cell在哪个分区(eg:B分区 D分区)
   
NSString *key  = self.orderKeys[indexPath.section];
   
//2.根据key值拿到字典中对应的分组
   
NSMutableArray *group = self.dict[key];
   
   
   
//删除
   
if (editingStyle == UITableViewCellEditingStyleDelete) {
     //处理删除操作
       if (1 == group.count) {
//删除整个分组
            //1.先删除数据源,从字典中移除key值
            [
self.dict removeObjectForKey:key];
           
//删除索引栏数组中的对应的元素
            [
self.orderKeys removeObjectAtIndex:indexPath.section];
           
           
//2.更新UI界面
           
//创建一个NSIndexSex 对象,使用分区下标初始化
           
NSIndexSet *indexSet = [NSIndexSet indexSetWithIndex:indexPath.section];
            [tableView
deleteSections:indexSet withRowAnimation:(UITableViewRowAnimationLeft)];
           
        }
else{
//删除对应的cell即可
           
//先删除数据源
            [group
removeObjectAtIndex:indexPath.row];
           
//再更新UI界面
           
//tableView删除是可以删除多行
            [tableView
deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:(UITableViewRowAnimationLeft)];
        }
       
    }
else{
//添加
       
//1.准备要插入的数据
       
NSDictionary *dic = @{
@"name":@"黄凯",@"gender":@"妖",@"age":@"25",@"phone":@"3838438",@"imageName":@"1.png",@"says":@"千人斩"};
       
//2.修改数据源
        [group
insertObject:dic atIndex:indexPath.row];
      
//3.更行UI界面
        [tableView
insertRowsAtIndexPaths:@[indexPath] withRowAnimation:(UITableViewRowAnimationRight)];
       
    }
   
}
- (
NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
   
//根据字典中键值对的个数返回二分区个数
   
return self.dict.count;
}
//返回row个数
- (
NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
   
//1.获取对应分区下标所对应的key值
   
NSString *key = self.orderKeys[section];
   
  
//2.根据key值取出字典的value值并且返回数组元素的个数
   
return [self.dict[key]count];
}
//返回区头标题
- (
NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
   
//返回对应分区区头
   
return self.orderKeys[section];
}
//返回右侧索引栏
- (
NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{
   
return self.orderKeys;
   
}
- (
UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
   
   
//1.重建重用id标示
   
static NSString *identifier = @"cell";
   
//2.tableView对象去重用池取可以重用的cell
 
UITableViewCell *cell =    [tableView dequeueReusableCellWithIdentifier:identifier];
   
//3.判断有没有取到cell
   
if (cell == nil) {
        cell = [[[
UITableViewCell alloc]initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:identifier]autorelease];
       
    }
   
//展示数据步骤:
   
//1.根据cell所在分区的索引获取对应的key值
   
NSString *key = self.orderKeys[indexPath.section];
   
//2.根据key值获取字典中的value值
   
NSArray *values = self.dict[key];
   
//3.根据row的索引获取数组中对应的元素
   
NSDictionary *pDict = values[indexPath.row];
//    NSLog(@"%@",pDict);//验证是否取得字典中的人信息
   
//4.取出字典中数据用cell展示
    cell.
imageView.image = [UIImage imageNamed:pDict[@"imageName"]];
    cell.
textLabel.text = pDict[@"name"];
    cell.detailTextLabel.text = pDict[@"phone"];
   
    return cell;
}
————————————————————————————————
#pragma mark  tableView 的移动
//设置哪些行可以移动
- (
BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath{
   
return YES;
}
//提交移动后的操作
- (
void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{
//    sourceIndexPath   cell原来的位置
//    destinationIndexPath  cell移动之后的位置
//   移动操作不需要更新UI界面,因为移动的时候UI界面已经发生了变化,此时只需修改数据源即可
   
   
//首先获取cell展示的数据所在的数组
   
//1.取出key值
   
NSString *key = self.orderKeys[sourceIndexPath.section];
   
//2.取出字典中key值对应的数组
   
NSMutableArray *mArr =  self.dict[key];
   
   
//3.将原来的数据取出来一份保存起来
   
NSDictionary *dic = [mArr[sourceIndexPath.row]retain];//2
   
//4.删除数组中原来位置的元素
    [mArr
removeObjectAtIndex:sourceIndexPath.row];//1
   
//5.将元素插入到数组中新的位置
    [mArr
insertObject:dic atIndex:destinationIndexPath.row];//2
   
//释放dic
    [dic
release];//1
   
}
//如果移动过后不是在原来的分区,则取消移动结果返回原来位置
- (
NSIndexPath *)tableView:(UITableView *)tableView targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath{
//    sourceIndexPath   cell原来的位置
//    proposedDestinationIndexPath  cell移动之后的位置
   
//如果在同一分区则让cell移动,返回移动后的位置
   
if (sourceIndexPath.section == proposedDestinationIndexPath.section) {
     
       
return proposedDestinationIndexPath;
    }
else{
//如果不在同一分区,返回移动之前的位置
       
return sourceIndexPath;
       
    }
   
}
——————————————————————-——————————
#pragma mark 业务代理方法的实现
//3.设置tableView的编辑样式
- (
UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
   
//    if (indexPath.section < 2) {
//        return UITableViewCellEditingStyleDelete;
//    }else{
//        return UITableViewCellEditingStyleInsert;
//    }
//    return NO;
   
return indexPath.section <</span> 2 ? UITableViewCellEditingStyleDelete : UITableViewCellEditingStyleInsert;
}
//设置行高
- (
CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
   
return 80.0;
}
- (
void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
   
DetailViewController *detailVC = [[DetailViewController alloc]init];
   
   
NSString *key = self.orderKeys[indexPath.section];
   
NSMutableArray *mArr = self.dict[key];
   
//取出数组中的字典并赋值给属性
   
NSDictionary *dic = mArr[indexPath.row];
    detailVC.
dic = dic;
   
    [
self.navigationController pushViewController:detailVC animated:YES];
    [detailVC
release];
   
}
=======================================================
DetailViewController.h
@property(nonatomic,retain)NSDictionary *dic;
DetailViewController.m
- (void)dealloc{
   
self.dic = nil;
    [
super dealloc];
}
- (
void)viewDidLoad {
    [
super viewDidLoad];
       
self.view.backgroundColor = [UIColor whiteColor];
    [(
DetailView *)self.view assignAllController:self.dic];
}
- (
void)loadView{
   
DetailView *detaileView = [[DetailView alloc]initWithFrame:[UIScreen mainScreen].bounds];
   
self.view = detaileView;
    [detaileView
release];
}
最终效果:
===================================================
传值不做介绍,仅供参考!
欢迎学习本文,未经许可,禁止转载!
你可能感兴趣的文章
linux下面覆盖文件,如何实现直接覆盖,不提示
查看>>
CSS3阴影 box-shadow的使用和技巧总结
查看>>
Linux下高cpu解决方案
查看>>
SQL事务用法begin tran,commit tran和rollback tran的用法
查看>>
centos7 crontab笔记
查看>>
.Net AppDomain.CurrentDomain.AppendPrivatePath(@"Libs");
查看>>
【Unity3D基础教程】给初学者看的Unity教程(零):如何学习Unity3D
查看>>
Android Mina框架的学习笔记
查看>>
合并两个排序的链表
查看>>
rtf格式的一些说明,转载的
查看>>
REST Security with JWT using Java and Spring Security
查看>>
echarts学习总结(二):一个页面存在多个echarts图形,图形自适应窗口大小
查看>>
IIS7显示ASP的详细错误信息到浏览器
查看>>
使用fiddler对手机APP进行抓包
查看>>
exit和_exit的区别
查看>>
Javascript、Jquery获取浏览器和屏幕各种高度宽度(单位都为px)
查看>>
php不重新编译,安装未安装过的扩展,如curl扩展
查看>>
JavaScript编码encode和decode escape和unescape
查看>>
ppp点对点协议
查看>>
html5游戏开发-简单tiger机
查看>>