ios - 在 UITableView 中为 UIView 添加自定义类

Question

我用绘图代码应用程序制作了一些图标：

class addIconView: UIView {
    override func draw(_ rect: CGRect) {
      TodayIcon.draw(frame: rect)
    }
 }

我还在另一个类中添加了单元格的配置：

class OptionsTableCell {
    var icon: UIView
    var label: String

    init(icon: UIView, label: String) {
        self.icon = icon
        self.label = label
    }
}

然后我在 TableView 的原型单元格中添加了一个 UIView。我使用这个数组来更新单元格的图标：

var optionsArray: [OptionsTableCell] = []

func createOptionsArray() -> [OptionsTableCell] {

    var cell: [OptionsTableCell] = []

    let addIcon = OptionsTableCell(icon: addIconView(), label: "Add")

    cell.append(addIcon)

    return cell
}

我刚刚添加了 addIconView() 来更新单元格的图标。我认为这是错误的。

如何更新 UIView 的自定义类以更改其中的图标？

score 0 · Accepted Answer

不要在单元格中使用泛型，而是将UIView其子类化为一个封装要显示的图标类型的新类。考虑这个例子：

UIView封装 PaintCode 周围的图标逻辑的子类。注意Option枚举和@IBDesignable属性（允许在中进行实时渲染Interface Builder）：

import UIKit

@IBDesignable class OptionsView: UIView {

    // MARK: - Properties

    // Allowed options.
    enum Option {
        case star, tree
    }

    // Option that should currently be displayed. Default is .star (for no particular reason).
    var currentOption: Option = .star {
        didSet {
            setNeedsDisplay() // Force redrawing.
        }
    }

    // MARK: - Lifecycle

    override func draw(_ rect: CGRect) {
        drawIcon(rect)
    }
}

// MARK: - Private

private extension OptionsView {

    /// Logic to decide which icon to display.
    func drawIcon(_ rect: CGRect) {
        switch currentOption {
        case .star:
            StyleKit.drawStarIcon(frame: rect)
        case .tree:
            StyleKit.drawTreeIcon(frame: rect)
        }
    }
}

故事板配置：自定义UITableViewController+ 自定义UITableViewCell与自定义UIView（注意classtype 的属性OptionsView）：

UILabel将和连接OptionsView到您的CustomCell. 实现示例（注意var option）：

import UIKit

class CustomCell: UITableViewCell {

    // MARK: - Public  Properties

    // Option that should currently be displayed. Default is .star (for no particular reason).
    var option: OptionsView.Option = .star {
        didSet {
            iconView.currentOption = option
            updateLabelText()
        }
    }

    // MARK: - Private Properties

    @IBOutlet private weak var iconView: OptionsView!
    @IBOutlet private weak var label: UILabel!
}

// MARK: - Private

private extension CustomCell {

    func updateLabelText() {
        switch option {
        case .star:
            label.text = "Star"
        case .tree:
            label.text = "Tree"
        }
    }
}

最后，在您的自定义中UITableViewController：

import UIKit

class TableViewController: UITableViewController {

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1 // Hardcoded in this example.
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 40 // Hardcoded in this example.
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if let customCell = tableView.dequeueReusableCell(withIdentifier: "customCell", for: indexPath) as? CustomCell {

            // Logic around which option to display
            if indexPath.row < 20 {
                customCell.option = .star
            } else {
                customCell.option = .tree
            }

            return customCell
        }

        // Fallback.
        return UITableViewCell()
    }
}

最后结果：

整个代码参考这个项目（第六次测试）：
https ://github.com/backslash-f/paintcode-tests

ios - 在 UITableView 中为 UIView 添加自定义类

1 回答 1

Related

Reference