你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> ios8 tableView設置滑動刪除時顯示多個按鈕

ios8 tableView設置滑動刪除時顯示多個按鈕

編輯:IOS開發綜合

* 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 ()

 

@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的協議多了一個方法,返回值是數組的tableView:editActionsForRowAtIndexPath:方法,我們可以在方法內部寫好幾個按鈕,然後放到數組中返回,那些按鈕的類就是UITableViewRowAction

* 3. 在UITableViewRowAction類,我們可以設置按鈕的樣式、顯示的文字、背景色、和按鈕的事件(事件在Block中實現)

* 4. 在代理方法中,我們可以創建多個按鈕放到數組中返回,最先放入數組的按鈕顯示在最右側,最後放入的顯示在最左側

* 5. 注意:如果我們自己設定了一個或多個按鈕,系統自帶的刪除按鈕就消失了...

*/

 

 

#warning iOS8 -

#pragma mark 在滑動手勢刪除某一行的時候,顯示出更多的按鈕

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

{

// 添加一個刪除按鈕

UITableViewRowAction *deleteRowAction = [UITableViewRowActionrowActionWithStyle: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 = [UITableViewRowActionrowActionWithStyle: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];

 

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved