[ios] 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
    }
}


답변

이 답변은 Swift 3로 업데이트되었습니다

나는 항상 새로운 일을 배울 때 아무것도 가정하지 않도록 매우 간단한 자체 포함 된 예제를 갖는 것이 좋다고 생각합니다. 이 답변은 UITableView행 을 삭제하는 것입니다 . 프로젝트는 다음과 같이 수행됩니다.

여기에 이미지 설명을 입력하십시오

이 프로젝트는 SwiftUITableView 예제를 기반으로합니다 .

코드 추가

새 프로젝트를 만들고 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])
 }

추가 자료


답변

이 코드는 삭제를 구현하는 방법을 보여줍니다.

#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기본 스타일 인 .