에서 스 와이프 할 때 삭제 버튼을 표시하려면 어떻게해야하나요 UITableViewCell
? 이벤트가 발생하지 않으며 삭제 버튼이 나타나지 않습니다.
UITableViewCell
.
에서 스 와이프 할 때 삭제 버튼을 표시하려면 어떻게해야하나요 UITableViewCell
? 이벤트가 발생하지 않으며 삭제 버튼이 나타나지 않습니다.
UITableViewCell
.
답변:
시작하는 동안 (-viewDidLoad or in storyboard)
:
self.tableView.allowsMultipleSelectionDuringEditing = NO;
테이블 뷰의 조건부 편집을 지원하도록 재정의합니다. NO
일부 품목에 대해 반품하려는 경우에만 구현해야합니다 . 기본적으로 모든 항목을 편집 할 수 있습니다.
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {
// Return YES if you want the specified item to be editable.
return YES;
}
// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
if (editingStyle == UITableViewCellEditingStyleDelete) {
//add code here for when you hit delete
}
}
self.tableView.allowsMultipleSelectionDuringEditing = NO;
왼쪽 스 와이프가 작동 하도록 설정 해야했습니다. 테이블이 편집 상태가 아니기 때문에 이것은 버그처럼 들립니다. 이 옵션은 "DuringEditing"에만 적용해야합니다. 그러나 이제는 작동하며 테이블이 편집 상태에 들어갈 때마다 YES로 설정했습니다.
이 답변은 Swift 3로 업데이트되었습니다
나는 항상 새로운 일을 배울 때 아무것도 가정하지 않도록 매우 간단한 자체 포함 된 예제를 갖는 것이 좋다고 생각합니다. 이 답변은 UITableView
행 을 삭제하는 것입니다 . 프로젝트는 다음과 같이 수행됩니다.
이 프로젝트는 Swift 의 UITableView 예제를 기반으로합니다 .
새 프로젝트를 만들고 ViewController.swift 코드를 다음으로 바꿉니다.
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
// These strings will be the data for the table view cells
var animals: [String] = ["Horse", "Cow", "Camel", "Pig", "Sheep", "Goat"]
let cellReuseIdentifier = "cell"
@IBOutlet var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
// It is possible to do the following three things in the Interface Builder
// rather than in code if you prefer.
self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)
tableView.delegate = self
tableView.dataSource = self
}
// number of rows in table view
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return self.animals.count
}
// create a cell for each table view row
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell:UITableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as UITableViewCell!
cell.textLabel?.text = self.animals[indexPath.row]
return cell
}
// method to run when table view cell is tapped
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
print("You tapped cell number \(indexPath.row).")
}
// this method handles row deletion
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
// remove the item from the data model
animals.remove(at: indexPath.row)
// delete the table view row
tableView.deleteRows(at: [indexPath], with: .fade)
} else if editingStyle == .insert {
// Not used in our example, but if you were adding a new row, this is where you would do it.
}
}
}
위 코드에서 행 삭제를 가능하게하는 단일 키 방법이 마지막 방법입니다. 여기 다시 강조하겠습니다.
// this method handles row deletion
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
// remove the item from the data model
animals.remove(at: indexPath.row)
// delete the table view row
tableView.deleteRows(at: [indexPath], with: .fade)
} else if editingStyle == .insert {
// Not used in our example, but if you were adding a new row, this is where you would do it.
}
}
UITableView
스토리 보드의 View Controller에를 추가하십시오 . 자동 레이아웃을 사용하여 테이블 뷰의 4면을 뷰 컨트롤러의 가장자리에 고정하십시오. 스토리 보드의 테이블보기에서 @IBOutlet var tableView: UITableView!
코드 의 행으로 드래그를 제어 합니다.
그게 다야. 왼쪽으로 스 와이프하고 '삭제'를 탭하여 앱을 실행하고 행을 삭제할 수 있어야합니다.
"삭제"버튼 텍스트 변경
다음 방법을 추가하십시오.
func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
return "Erase"
}
맞춤 검색 버튼 액션
다음 방법을 추가하십시오.
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
// action one
let editAction = UITableViewRowAction(style: .default, title: "Edit", handler: { (action, indexPath) in
print("Edit tapped")
})
editAction.backgroundColor = UIColor.blue
// action two
let deleteAction = UITableViewRowAction(style: .default, title: "Delete", handler: { (action, indexPath) in
print("Delete tapped")
})
deleteAction.backgroundColor = UIColor.red
return [editAction, deleteAction]
}
iOS 8에서만 사용할 수 있습니다 . 자세한 내용 은 이 답변 을 참조하십시오.
iOS 11 용으로 업데이트
iOS 11의 UITableViewDelegate API에 추가 된 메소드를 사용하여 셀을 선행 또는 후행으로 조치를 배치 할 수 있습니다.
func tableView(_ tableView: UITableView,
leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration?
{
let editAction = UIContextualAction(style: .normal, title: "Edit", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
success(true)
})
editAction.backgroundColor = .blue
return UISwipeActionsConfiguration(actions: [editAction])
}
func tableView(_ tableView: UITableView,
trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration?
{
let deleteAction = UIContextualAction(style: .normal, title: "Delete", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
success(true)
})
deleteAction.backgroundColor = .red
return UISwipeActionsConfiguration(actions: [deleteAction])
}
UITableView
일 이 완전히 자치 프로젝트이며, 당신은 여기에 설명되지 않은 작업을 수행 할 필요가 없습니다. 코드로 설정하기 시작한 이유는 답변에 설명이 덜 필요하기 때문입니다. 코드를 사용하려면 기본 예제로 돌아가서 편집해야합니다.
이 코드는 삭제를 구현하는 방법을 보여줍니다.
#pragma mark - UITableViewDataSource
// Swipe to delete.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
if (editingStyle == UITableViewCellEditingStyleDelete) {
[_chats removeObjectAtIndex:indexPath.row];
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}
}
선택적으로 초기화 재정의에서 아래 행을 추가하여 편집 버튼 항목을 표시합니다.
self.navigationItem.leftBarButtonItem = self.editButtonItem;
방금 해결 한 문제가있어서 누군가를 도울 수 있으므로 공유하고 있습니다.
UITableView가 있고 스 와이프가 삭제할 수 있도록 표시된 메소드를 추가했습니다.
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {
// Return YES if you want the specified item to be editable.
return YES;
}
// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
if (editingStyle == UITableViewCellEditingStyleDelete) {
//add code here for when you hit delete
}
}
테이블을 편집 모드로 설정하고 다중 선택을 가능하게하는 업데이트를 진행 중입니다. 이를 위해 Apple의 TableMultiSelect 샘플 에서 코드를 추가했습니다 . 작업이 완료되면 스 와이프하여 삭제 기능이 작동하지 않는 것을 발견했습니다.
viewDidLoad에 다음 줄을 추가하는 것이 문제인 것으로 나타났습니다.
self.tableView.allowsMultipleSelectionDuringEditing = YES;
이 줄을 입력하면 다중 선택은 작동하지만 삭제 슬쩍은 작동하지 않습니다. 줄이 없다면 그것은 다른 길이었습니다.
수정 :
viewController에 다음 메소드를 추가하십시오.
- (void)setEditing:(BOOL)editing animated:(BOOL)animated
{
self.tableView.allowsMultipleSelectionDuringEditing = editing;
[super setEditing:editing animated:animated];
}
그런 다음 테이블을 편집 모드로 전환하는 방법 (예 : 버튼 누름)에서 다음을 사용해야합니다.
[self setEditing:YES animated:YES];
대신에:
[self.tableView setEditing:YES animated:YES];
이는 다중 선택은 테이블이 편집 모드에있을 때만 사용 가능함을 의미합니다.
UITableViewDataSource 아래에서 스 와이프 삭제에 도움이됩니다.
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {
// Return YES if you want the specified item to be editable.
return YES;
}
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
if (editingStyle == UITableViewCellEditingStyleDelete) {
[arrYears removeObjectAtIndex:indexPath.row];
[tableView reloadData];
}
}
arrYears 는 NSMutableArray이며 tableView를 다시로드합니다.
빠른
func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
return true
}
func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
if editingStyle == UITableViewCellEditingStyleDelete {
arrYears.removeObjectAtIndex(indexPath.row)
tableView.reloadData()
}
}
iOS 8 및 Swift 2.0에서는 다음을 시도하십시오.
override func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
// let the controller to know that able to edit tableView's row
return true
}
override func tableView(tableView: UITableView, commitEdittingStyle editingStyle UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
// if you want to apply with iOS 8 or earlier version you must add this function too. (just left in blank code)
}
override func tableView(tableView: UITableView, editActionsForRowAtIndexPath indexPath: NSIndexPath) -> [UITableViewRowAction]? {
// add the action button you want to show when swiping on tableView's cell , in this case add the delete button.
let deleteAction = UITableViewRowAction(style: .Default, title: "Delete", handler: { (action , indexPath) -> Void in
// Your delete code here.....
.........
.........
})
// You can set its properties like normal button
deleteAction.backgroundColor = UIColor.redColor()
return [deleteAction]
}
@ Kurz의 대답은 훌륭하지만이 메모를 남기고이 답변이 사람들을 구할 수 있기를 바랍니다.
컨트롤러에 이러한 회선이있는 경우가 있었으며 스 와이프 기능이 작동하지 않았습니다.
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
return UITableViewCellEditingStyleNone;
}
UITableViewCellEditingStyleInsert
또는 UITableViewCellEditingStyleNone
편집 스타일로 사용 하면 스 와이프 기능이 작동하지 않습니다. 당신은 사용할 수 있습니다UITableViewCellEditingStyleDelete
기본 스타일 인 .
스위프트 4
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
let delete = UITableViewRowAction(style: .destructive, title: "delete") { (action, indexPath) in
// delete item at indexPath
tableView.deleteRows(at: [indexPath], with: .fade)
}
return [delete]
}
또한 SWIFT에서는 다음과 같은 방법을 사용하여이를 달성 할 수 있습니다.
func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
if (editingStyle == UITableViewCellEditingStyle.Delete){
testArray.removeAtIndex(indexPath.row)
goalsTableView.deleteRowsAtIndexPaths([indexPath], withRowAnimation: UITableViewRowAnimation.Automatic)
}
}
이 두 기능을 활성화하기 만하면됩니다.
func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
return true
}
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == UITableViewCellEditingStyle.delete {
tableView.reloadData()
}
}
나는 오래된 질문이지만, @Kurbz 답변은 Xcode 6.3.2 및 SDK 8.3의 경우이 필요합니다.
내가 추가 할 필요가 [tableView beginUpdates]
와 [tableView endUpdates]
(덕분에 @ bay.phillips을 여기 )
// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle: (UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
// Open "Transaction"
[tableView beginUpdates];
if (editingStyle == UITableViewCellEditingStyleDelete) {
// your code goes here
//add code here for when you hit delete
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
// Close "Transaction"
[tableView endUpdates];
}
tableview의 셀을 제거 할 때 인덱스 x에서 배열 객체도 제거해야합니다.
스 와이프 제스처를 사용하여 제거 할 수 있다고 생각합니다. 테이블 뷰는 델리게이트를 호출합니다.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
if (editingStyle == UITableViewCellEditingStyleDelete) {
//add code here for when you hit delete
[dataSourceArray removeObjectAtIndex:indexPath.row];
}
}
물체를 제거한 후. 테이블 뷰 사용을 다시로드해야합니다. 코드에 다음 줄을 추가하십시오.
[tableView reloadData];
그 후에 행을 성공적으로 삭제했습니다. 그리고 뷰를 다시로드하거나 데이터 소스에 데이터를 추가하면 객체가 더 이상 존재하지 않습니다.
다른 모든 것은 Kurbz의 대답입니다.
DataSource 배열에서 객체를 제거하려는 경우 델리게이트 함수로는 충분하지 않다는 것을 상기하고 싶었습니다.
나는 당신을 도왔기를 바랍니다.
[tableView reloadData]
전화를 [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic]
.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
if (editingStyle == UITableViewCellEditingStyleDelete)
{
//add code here for when you hit delete
[dataSourceArray removeObjectAtIndex:indexPath.row];
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}
}
스위프트 2.2 :
override func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
return true
}
override func tableView(tableView: UITableView,
editActionsForRowAtIndexPath indexPath: NSIndexPath) -> [UITableViewRowAction]? {
let delete = UITableViewRowAction(style: UITableViewRowActionStyle.Default, title: "DELETE"){(UITableViewRowAction,NSIndexPath) -> Void in
print("Your action when user pressed delete")
}
let edit = UITableViewRowAction(style: UITableViewRowActionStyle.Normal, title: "EDIT"){(UITableViewRowAction,NSIndexPath) -> Void in
print("Your action when user pressed edit")
}
return [delete, block]
}
Swift의 경우이 코드를 작성하십시오.
func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
if editingStyle == .Delete {
print("Delete Hit")
}
}
목표 C의 경우이 코드를 작성하십시오.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
if (editingStyle == UITableViewCellEditingStyleDelete) {
NSLog(@"index: %@",indexPath.row);
}
}
swift4 코드의 경우 먼저 편집을 활성화하십시오.
func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
return true
}
그런 다음 편집 대리자에 삭제 작업을 추가합니다.
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
let action = UITableViewRowAction(style: .destructive, title: "Delete") { (_, index) in
// delete model object at the index
self.models[index.row]
// then delete the cell
tableView.beginUpdates()
tableView.deleteRows(at: [index], with: .automatic)
tableView.endUpdates()
}
return [action]
}
스위프트 4,5
스 와이프시 셀을 삭제하려면 UITableView의 두 가지 기본 제공 메소드가 있습니다. TableView dataSource 확장에서이 메소드를 작성하십시오.
func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
let delete = deleteProperty(at: indexPath)
return UISwipeActionsConfiguration(actions: [delete])
}
//Declare this method in Viewcontroller Main and modify according to your need
func deleteProperty(at indexpath: IndexPath) -> UIContextualAction {
let action = UIContextualAction(style: .destructive, title: "Delete") { (action, view, completon) in
self.yourArray.remove(at: indexpath) //Removing from array at selected index
completon(true)
action.backgroundColor = .red //cell background color
}
return action
}
분할 가능한 데이터 소스를 채택하는 경우 델리게이트 콜백을 UITableViewDiffableDataSource
서브 클래스 로 이동해야합니다 . 예를 들면 다음과 같습니다.
class DataSource: UITableViewDiffableDataSource<SectionType, ItemType> {
override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
return true
}
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
if let identifierToDelete = itemIdentifier(for: indexPath) {
var snapshot = self.snapshot()
snapshot.deleteItems([identifierToDelete])
apply(snapshot)
}
}
}
}