ios8 tableView设置滑动删除时显示多个按钮

镔哥,研究很久最后才发现iOS8 TableView出新功能,然后就记下来,供大家参考,为大伙所用。

看我博客都知道,我一向都是喜欢代码注释结合,提供demo给大伙参考,写得不好,不要见怪哦。


**

*  tableView:editActionsForRowAtIndexPath:     //
设置滑动删除时显示多个按钮

*  UITableViewRowAction                        //
通过此类创建按钮

*  1. 我们在使用一些应用的时候,在滑动一些联系人的某一行的时候,会出现删除、置顶、更多等等的按钮,在iOS8之前,我们都需要自己去实现。但是,到了iOS8,系统已经写好了,只需要一个代理方法和一个类就搞定了

*  2. iOS8的协议多了一个方法,返回值是数组的tableView:editActionsForRowAtIndexPath:方法,我们可以在方法内部写好几个按钮,然后放到数组中返回,那些按钮的类就是UITableViewRowAction

*  3. 在UITableViewRowAction类,我们可以设置按钮的样式、显示的文字、背景色、和按钮的事件(事件在Block中实现)

*  4. 在代理方法中,我们可以创建多个按钮放到数组中返回,最先放入数组的按钮显示在最右侧,最后放入的显示在最左侧

*  5. 注意:如果我们自己设定了一个或多个按钮,系统自带的删除按钮就消失了...

下面就写下demo让大家参考:

//

//  ViewController.m

//  UITableView-Demo

//

//  Created by huweibin on 15/1/4.

//  Copyright (c) 2014年 . All rights reserved.

//

#import "ViewController.h"

@interface
ViewController () <UITableViewDataSource,
UITableViewDelegate>

@property (nonatomic,
retain) UITableView *tableView;

@property (nonatomic,
retain) NSMutableArray *allDataArray;

@end

@implementation ViewController

- (void)viewDidLoad {

[super
viewDidLoad];

[self
addAllViews];

[self
loadAllData];

}

#pragma mark 添加全部页面元素

- (void)addAllViews

{

self.tableView = [[UITableView
alloc] initWithFrame:[UIScreen
mainScreen].bounds
style:UITableViewStylePlain];

_tableView.delegate =
self;

_tableView.dataSource =
self;

[self.view
addSubview:_tableView];

#warning iOS8 -
分割线样式

UIBlurEffect *blurEffect = [UIBlurEffect
effectWithStyle:UIBlurEffectStyleDark];

UIVibrancyEffect *vibrancyEffect = [UIVibrancyEffect
effectForBlurEffect:blurEffect];

_tableView.separatorEffect = blurEffect;

//
注册

[_tableView
registerClass:[UITableViewCell
class] forCellReuseIdentifier:@"cellIdentifier"];

//
右上角编辑按钮

self.navigationItem.rightBarButtonItem =
self.editButtonItem;

}

#pragma mark 加载所有数据

- (void)loadAllData

{

self.allDataArray =[[NSMutableArray
alloc]
initWithObjects:@"王菲",@"周迅",@"李冰冰",@"白冰",@"紫薇",@"马苏",@"刘诗诗",@"赵薇",@"angelbaby",@"熊黛林",nil];

}

#pragma mark 编辑按钮

- (void)setEditing:(BOOL)editing animated:(BOOL)animated

{

[super
setEditing:editing animated:animated];

[_tableView
setEditing:!_tableView.isEditing
animated:YES];

}

#pragma mark - UITableViewDataSource Methods

#pragma mark 设置有多少分组

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

return
1;

}

#pragma mark 设置每个分组有多少行

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

return
_allDataArray.count;

}

#pragma mark 设置某行上显示的内容

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath
*)indexPath

{

UITableViewCell *cell = [tableView
dequeueReusableCellWithIdentifier:@"cellIdentifier"
forIndexPath:indexPath];

cell.textLabel.text =
_allDataArray[indexPath.row];

//    cell.backgroundColor = [UIColor colorWithRed:arc4random() % 256 / 256.0 green:arc4random() % 256 / 256.0 blue:arc4random() % 256 / 256.0 alpha:1.0f];

return cell;

}

#pragma mark 设置可以进行编辑

- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath
*)indexPath

{

return
YES;

}

#pragma mark 设置编辑的样式

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath
*)indexPath

{

return
UITableViewCellEditingStyleDelete;

}

#pragma mark 设置处理编辑情况

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath

{

if (editingStyle ==
UITableViewCellEditingStyleDelete) {

// 1.
更新数据

[_allDataArray
removeObjectAtIndex:indexPath.row];

// 2.
更新UI

[tableView
deleteRowsAtIndexPaths:@[indexPath]
withRowAnimation:UITableViewRowAnimationAutomatic];

}

}

#pragma mark 设置可以移动

- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath

{

return
YES;

}

#pragma mark 处理移动的情况

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath

{

// 1. 更新数据

NSString *title =
_allDataArray[sourceIndexPath.row];

[_allDataArray
removeObject:title];

[_allDataArray
insertObject:title atIndex:destinationIndexPath.row];

// 2. 更新UI

[tableView moveRowAtIndexPath:sourceIndexPath
toIndexPath:destinationIndexPath];

}

/**

*  tableView:editActionsForRowAtIndexPath:     //
设置滑动删除时显示多个按钮

*  UITableViewRowAction                        //
通过此类创建按钮

*  1. 我们在使用一些应用的时候,在滑动一些联系人的某一行的时候,会出现删除、置顶、更多等等的按钮,在iOS8之前,我们都需要自己去实现。But,到了iOS8,系统已经写好了,只需要一个代理方法和一个类就搞定了

*  2. iOS8的<UITableViewDelegate>协议多了一个方法,返回值是数组的tableView:editActionsForRowAtIndexPath:方法,我们可以在方法内部写好几个按钮,然后放到数组中返回,那些按钮的类就是UITableViewRowAction

*  3. 在UITableViewRowAction类,我们可以设置按钮的样式、显示的文字、背景色、和按钮的事件(事件在Block中实现)

*  4. 在代理方法中,我们可以创建多个按钮放到数组中返回,最先放入数组的按钮显示在最右侧,最后放入的显示在最左侧

*  5. 注意:如果我们自己设定了一个或多个按钮,系统自带的删除按钮就消失了...

*/

#warning iOS8 -

#pragma mark 在滑动手势删除某一行的时候,显示出更多的按钮

- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath
*)indexPath

{

// 添加一个删除按钮

UITableViewRowAction *deleteRowAction = [UITableViewRowAction
rowActionWithStyle:UITableViewRowActionStyleDestructive
title:@"删除"
handler:^(UITableViewRowAction *action,
NSIndexPath *indexPath) {

NSLog(@"点击了删除");

// 1. 更新数据

[_allDataArray
removeObjectAtIndex:indexPath.row];

// 2. 更新UI

[tableView deleteRowsAtIndexPaths:@[indexPath]
withRowAnimation:UITableViewRowAnimationAutomatic];

}];

//    // 删除一个置顶按钮

//    UITableViewRowAction *topRowAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDefault title:@"置顶" handler:^(UITableViewRowAction
*action, NSIndexPath *indexPath) {

//        NSLog(@"点击了置顶");

//

//        // 1.
更新数据

//        [_allDataArray exchangeObjectAtIndex:indexPath.row withObjectAtIndex:0];

//

//        // 2.
更新UI

//        NSIndexPath *firstIndexPath = [NSIndexPath indexPathForRow:0 inSection:indexPath.section];

//        [tableView moveRowAtIndexPath:indexPath toIndexPath:firstIndexPath];

//    }];

//    topRowAction.backgroundColor = [UIColor blueColor];

//
添加一个更多按钮

UITableViewRowAction *moreRowAction = [UITableViewRowAction
rowActionWithStyle:UITableViewRowActionStyleNormal
title:@"更多"
handler:^(UITableViewRowAction *action,
NSIndexPath *indexPath) {

NSLog(@"点击了更多");

[tableView
reloadRowsAtIndexPaths:@[indexPath]
withRowAnimation:UITableViewRowAnimationMiddle];

}];

moreRowAction.backgroundEffect = [UIBlurEffect
effectWithStyle:UIBlurEffectStyleDark];

//
将设置好的按钮放到数组中返回

// return @[deleteRowAction, topRowAction, moreRowAction];

return
@[deleteRowAction,moreRowAction];

}

时间: 2024-10-07 04:26:05

ios8 tableView设置滑动删除时显示多个按钮的相关文章

ios8 tableView设置滑动删除时 显示多个按钮

** *  tableView:editActionsForRowAtIndexPath:     //设置滑动删除时显示多个按钮 *  UITableViewRowAction                        //通过此类创建按钮 *  1. 我们在使用一些应用的时候,在滑动一些联系人的某一行的时候,会出现删除.置顶.更多等等的按钮,在iOS8之前,我们都需要自己去实现.但是,到了iOS8,系统已经写好了,只需要一个代理方法和一个类就搞定了 *  2. iOS8的协议多了一个方法

080滑动滑块时显示对应的值

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 @end ViewController.m 1 #import "ViewController.h" 2 3 @interface ViewController () 4 5 - (void)layoutUI; 6 - (void)sliderDidChange:(UISlid

Android 实现用户列表信息滑动删除功能和选择删除功能

在项目开发过程中,常常需要对用户列表的信息进行删除的操作.Android中常用的删除操作方式有两种 ,一种就是类似微信的滑动出现删除按钮方式,还有一种是通过CheckBox进行选择,然后通过按钮进行删除的方式.本来的实例集成上述的两种操作方式来实现用户列表删除的效果. 设计思路:在适配器类MyAdapter一个滑动删除按钮显示或隐藏的Map,一个用于CheckBox是否选中的Map和一个与MainAcitivyt进行数据交互的接口ContentsDeleteListener,同时该接口包含两个方

仿知乎安卓client滑动删除撤销ListView

标签(空格分隔): Android 新版的知乎安卓client有一个有趣的功能,就是在一个item里.向右滑动时整个item会越来越透明,滑动到一半时,整个item就不见了.放开手指就是删除.删除后还能够撤销,第一次看见这个功能觉得非常有意思,用了几天业余时间,我仿造里一个.效果例如以下: 那以下就来想想看怎么实现的,大概能够先分解为三部分: 手指滑动删除item 删除item后的撤销功能 滑动时的效果处理 提醒一下假设你对scroller不熟悉.能够先看一下scroller实现原理 先来看最基

#仿知乎安卓客户端滑动删除撤销ListView

标签(空格分隔): Android 新版的知乎安卓客户端有一个有趣的功能,就是在一个item里,向右滑动时整个item会越来越透明,滑动到一半时,整个item就不见了,放开手指就是删除,删除后还可以撤销,第一次看见这个功能觉得很有意思,用了几天业余时间,我仿造里一个,效果如下: 那下面就来想想看怎么实现的,大概可以先分解为三部分: 手指滑动删除item 删除item后的撤销功能 滑动时的效果处理 提醒一下如果你对scroller不熟悉,可以先看一下scroller实现原理 先来看最主要的类Cus

【转】Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

原文网址:http://blog.csdn.net/xiaanming/article/details/17539199 我在上一篇文章中Android 带你从源码的角度解析Scroller的滚动实现原理从源码的角度介绍了Scroller的滚动实现原理,相信大家对Scroller的使用有一定的了解,这篇文章就给大家带来使用Scroller的小例子,来帮助大家更加熟悉的掌握Scroller的使用,掌握好了Scroller的使用我们就能实现很多滑动的效果.例如侧滑菜单,launcher,ListVi

[转]Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

我在上一篇文章中Android 带你从源码的角度解析Scroller的滚动实现原理从源码的角度介绍了Scroller的滚动实现原理,相信大家对Scroller的使用有一定的了解,这篇文章就给大家带来使用Scroller的小例子,来帮助大家更加熟悉的掌握Scroller的使用,掌握好了Scroller的使用我们就能实现很多滑动的效果.例如侧滑菜单,launcher,ListView的下拉刷新等等效果,我今天实现的是ListView的item的左右滑动删除item的效果,现在很多朋友看到这个效果应该

【安卓笔记】滑动删除示例

本文将使用上篇文章介绍的Scroller类来完成一个比较常见的效果--滑动删除效果. 代码如下: simpleSwipeListView: package cn.edu.chd.simpleswipelistview; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.v

如何在RecyclerView上面实现&quot;拖放&quot;和&quot;滑动删除&quot;-1

Android上面有许多的教程, 库和示例, 在RecyclerView上面实现"拖放"和"滑动删除"功能. 尽管有更新, 更好的方法可用, 但是大多数人依然使用旧的View.OnDragListener和Roman Nurik的SwipeToDismiss方式. 除了经常使用GestureDetector和onInterceptTouchEvent之外, 几乎很少有人使用新的API, 要不然的话, 实现就复杂. 事实上真的有十分简单的方式在RecyclerView