UITableViewCell随机出现多个选择圈(编辑控件)

时间:2018-05-23 21:12:06

标签: ios swift xcode uitableview swift3

我创建了一个带有UITableView作为子视图的ViewController。

import UIKit


class ViewController: UIViewController {

    private var tableDataSource = [
        "Lorem Ipsum is simply du.",
        "It is a long established .",
        "Lorem Ipsum come",
        "All the Lorem .",
        "The standard ch.",
        "The generated.",
        "Various versions."
                           ]


    private var isReorderingEnabled = false
    private var isDeleteEnabled = false

    @IBOutlet private var reorderCellsBarButton: UIBarButtonItem!
    @IBOutlet private var selectCellsBarButton: UIBarButtonItem! {
        didSet {
            selectCellsBarButton.tag = ButtonTags.Select
        }
    }
    @IBOutlet private var deleteCellsBarButton: UIBarButtonItem! {
        didSet {
            deleteCellsBarButton.tag = ButtonTags.Delete
        }
    }
    @IBOutlet weak private var tableView: UITableView! {
        didSet {
            tableView.dataSource = self
            tableView.delegate = self
            tableView.allowsMultipleSelectionDuringEditing = false
            tableView.rowHeight = UITableViewAutomaticDimension
            tableView.estimatedRowHeight = 300
        }
    }

}


extension ViewController {

    private struct ButtonTags {
        static let Delete = 2
        static let Select = 1
    }

    private struct LocalizedStrings {
        static let EnableReorderingText = "Reorder"
        static let DisableReorderingText = "Done"
        static let EnableSelectionText = "Select"
        static let ConfirmDeletionText = "Delete"
        static let DisableDeletionText = "Cancel"
    }

}



extension ViewController {
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        setDeleteBarButton(hidden: true, animated: false)
    }
}



// IBActions
extension ViewController {

    @IBAction private func reorderCells(_ sender: UIBarButtonItem) {
        isReorderingEnabled = !tableView.isEditing
        setSelectBarButton(hidden: isReorderingEnabled)
        sender.title = isReorderingEnabled ? LocalizedStrings.DisableReorderingText : LocalizedStrings.EnableReorderingText
        tableView.setEditing(isReorderingEnabled, animated: true)
        tableView.reloadData()
    }

    @IBAction private func deleteCells(_ sender: UIBarButtonItem) {
        isDeleteEnabled = !tableView.isEditing
        setDeleteBarButton(hidden: !isDeleteEnabled)
        selectCellsBarButton.title = isDeleteEnabled ? LocalizedStrings.DisableDeletionText : LocalizedStrings.EnableSelectionText
        if sender.tag == ButtonTags.Delete {
            deleteSelectedRows()
        }
        tableView.allowsMultipleSelectionDuringEditing = isDeleteEnabled
        tableView.setEditing(isDeleteEnabled, animated: true)
        tableView.reloadData()
    }

}

// Custom Helper methods
extension ViewController {

    private func setDeleteBarButton(hidden: Bool, animated: Bool = true) {
        navigationItem.setRightBarButtonItems([(hidden ? reorderCellsBarButton : deleteCellsBarButton)], animated: animated)
    }

    private func setSelectBarButton(hidden: Bool, animated: Bool = true) {
        self.navigationItem.setLeftBarButton((hidden ? nil : selectCellsBarButton), animated: animated)
    }

    private func deleteSelectedRows() {
        guard let selectedRows = tableView.indexPathsForSelectedRows else { return }
        let indexes = selectedRows.map { $0.row }
        tableDataSource.remove(indexes: indexes)
        tableView.deleteRows(at: selectedRows, with: .fade)
    }

}


extension ViewController: UITableViewDataSource {

    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return tableDataSource.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let customCell = tableView.dequeueReusableCell(withIdentifier: CustomTableViewCell.identifier, for: indexPath) as! CustomTableViewCell
        customCell.setup(content: tableDataSource[indexPath.row], for : indexPath.row)
        return customCell
    }

}


// pragma - To Select/Edit/Move TableView Cells
extension ViewController: UITableViewDelegate {

    func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
        tableDataSource.move(from: sourceIndexPath.row, to: destinationIndexPath.row)
        let reloadingIndexPaths = IndexPath.createForNumbers(from: sourceIndexPath.row, to: destinationIndexPath.row)
        DispatchQueue.main.async {
            tableView.reloadRows(at: reloadingIndexPaths, with: .none)
        }
    }

    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == .delete {
            tableDataSource.remove(at: indexPath.row)
            tableView.deleteRows(at: [indexPath], with: .none)
        }
    }

}

// pragma - Settings for Edit/Move TableViewCell
extension ViewController {

    func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
        print("Edit- \(tableView.isEditing)")
        return tableView.isEditing
    }

    func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
        print("Move- \(isReorderingEnabled)")
        return isReorderingEnabled
    }

    func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCellEditingStyle {
        print("Style- None")
        return .none
    }

    func tableView(_ tableView: UITableView, shouldIndentWhileEditingRowAt indexPath: IndexPath) -> Bool {
        print("indent- \(isDeleteEnabled)")
        return isDeleteEnabled
    }

}

在这里,我制作了三个小节按钮,一个用于重新排序,另外两个用于删除和取消。 因此,对于删除,我提供了选择多行的功能。

但问题是,当选择重新排序时,复选框仍然显示(但不可点击)。有时当选择删除时,复选框不会出现。

Simulator Snapshot

无法理解荒谬的行为。这是XCode的错误吗?请帮忙。

添加内容:

CustomTableViewCell类:

import UIKit

class CustomTableViewCell: UITableViewCell {

    static let identifier = "customCellIdentifier"

    @IBOutlet weak private var titleLabel: UILabel!
    @IBOutlet weak private var backgroundImageView: UIImageView!


    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        let selectionView = UIView()
        selectionView.backgroundColor = UIColor.clear
        selectedBackgroundView = selectionView
    }

}



extension CustomTableViewCell {

    func setup(content: String, for rowNumber: Int) {
        titleLabel.text = content
        let backgroundImageName = rowNumber % 2 == 0 ? ImageAssetNames.BlueMatte : ImageAssetNames.GreenThreads
        backgroundView = UIImageView(image: UIImage(named: backgroundImageName))
    }

}

0 个答案:

没有答案