UITableView 单元格中的动态形状（Swift）

Question

我是 Swift 的新手，很适合 UIView 类。我有一个带有视图对象（左）和标签（右）的 TableView（下）。表格本身工作正常，标签按预期显示。

我遇到的问题是我希望标签旁边的 View 对象包含各种形状和颜色，具体取决于支持表格的数组中的值...

var tArray = [["Row 1","Row 2", "Row 3", "Row 4", "Row 5"],
              ["Circle","Circle","Square","Square","Diamond"],
              ["Blue","Red","Green","Red","Purple"]]

所以在“第 1 行”旁边，我想要一个蓝色圆圈等。我已将 View 对象链接到自定义类。但我需要一种方法来动态创建形状并填充适当的颜色。

在 TableViewController 中，我有以下内容，它正在调用 Symbol 类，并且我正在返回一个黑色圆圈（我现在是硬编码的圆圈）...

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath)

    cell.cellLabel.text = tArray[0][indexPath.row]
    cell.cellSymbol = Symbol.init()
    return cell
}

在我的自定义符号类中：

import UIKit

class Symbol: UIView {

var inColor: String
var inShape: String

init (in_color: String, in_shape: String) {

    self.inColor = in_color
    self.inShape = in_shape

    super.init(frame: CGRect(x: 0, y: 0, width: 70, height: 70))

}

override func drawRect(rect: CGRect) {

    let path = UIBezierPath(ovalInRect: rect)

    switch self.inColor {
    case "Green" : UIColor.greenColor().setFill()
    case "Blue" : UIColor.blueColor().setFill()
    case "Yellow" : UIColor.yellowColor().setFill()
    case "Cyan" : UIColor.cyanColor().setFill()
    case "Red" : UIColor.redColor().setFill()
    case "Brown" : UIColor.brownColor().setFill()
    case "Orange" : UIColor.orangeColor().setFill()
    case "Purple" : UIColor.purpleColor().setFill()
    case "Grey" : UIColor.darkGrayColor().setFill()
    default: UIColor.blackColor().setFill()
    }

    path.fill()
}

required init?(coder aDecoder: NSCoder) {

    self.inColor = ""
    self.inShape = ""

    super.init(coder: aDecoder)

}

override init(frame: CGRect) {

    self.inColor = ""
    self.inShape = ""
    super.init(frame: frame)
}

}

我可能在这一切上都错了，我完全愿意接受其他方法。为了编译，我必须添加所需的 init?并覆盖 init(frame: CGRect) 整体。我还必须对 self.inColor 和 .inShape 进行初始化才能编译，但由于我没有将参数传递给它们，所以我没有什么可分配的。

所以我每次得到的都是一个黑色圆圈。我现在对圆圈进行硬编码以保持简单。开关 self.inColor 每次都是 nil，所以它会下降到默认情况。

任何建议将不胜感激！！！！

Answer 1

当您设置 cellSymbol 时，您正在创建 Symbol 类的新实例。您永远不会修改 cellSymbol 的任何属性，因此它始终是黑色的。

试试：

cell.cellSymbol.inColor = self.tArray[2][indexPath.row]

Answer 2

https://stackoverflow.com/a/35049741/218152 已解决您代码中的“始终为黑色”错误。以下是建议的改进。

@IBInspectable

更少的代码，更多的功能

用这个替换你的整个Symbol 类：

@IBDesignable class Symbol: UIView {

    var color = UIColor.blackColor()
    
    @IBInspectable var inColor: String = "Black" {
        didSet {
            switch inColor {
            case "Green" : color = UIColor.greenColor()
            case "Blue" : color = UIColor.blueColor()
            case "Yellow" : color = UIColor.yellowColor()
            case "Cyan" : color = UIColor.cyanColor()
            case "Red" : color = UIColor.redColor()
            case "Brown" : color = UIColor.brownColor()
            case "Orange" : color = UIColor.orangeColor()
            case "Purple" : color = UIColor.purpleColor()
            case "Grey" : color = UIColor.darkGrayColor()
            default: color = UIColor.blackColor()
            }
        }
    }

    override func drawRect(rect: CGRect) {
        color.setFill()
        let path = UIBezierPath(ovalInRect: rect)
        path.fill()
    }
}

使用它的方式与使用前一个相同 (cell.cellSymbol.inColor = ...)。它的优点是还可以从 Interface Builder 进行可视化编辑。它也不需要特殊初始化（没有init）。

此实现具有直接接受UIColor 的额外优势，如cell.cellSymbol.color = ...
进一步的改进包括使用 tintColor 而不是创建自己的实例、不区分大小写的颜色、枚举而不是名称。

Answer 3

感谢@SwiftArchitect 完成了大部分工作。我在形状部分添加了。正如@SwiftArchitect 所指出的，还有其他改进需要改进，但效果很好！

import UIKit

@IBDesignable class Symbol: UIView {

var color = UIColor.blackColor()

@IBInspectable var inShape: String = "Circle"

@IBInspectable var inColor: String = "Black" {
    didSet {
        switch inColor {
        case "Green" : color = UIColor.greenColor()
        case "Blue" : color = UIColor.blueColor()
        case "Yellow" : color = UIColor.yellowColor()
        case "Cyan" : color = UIColor.cyanColor()
        case "Red" : color = UIColor.redColor()
        case "Brown" : color = UIColor.brownColor()
        case "Orange" : color = UIColor.orangeColor()
        case "Purple" : color = UIColor.purpleColor()
        case "Grey" : color = UIColor.darkGrayColor()
        default: color = UIColor.blackColor()
        }
    }
}


override func drawRect(rect: CGRect) {

    var path = UIBezierPath()

    switch shape {
    case "Circle": path = UIBezierPath(ovalInRect: rect)
    case "Square" : path = UIBezierPath(roundedRect: rect, cornerRadius: 5.0)
    case "Triangle" :
        path.moveToPoint(CGPoint(x: frame.width / 2, y: 0))
        path.addLineToPoint(CGPoint(x: 0, y: frame.height))
        path.addLineToPoint(CGPoint(x: frame.width, y: frame.height))
    case "Diamond" :
        path.moveToPoint(CGPoint(x: frame.width / 2, y: 0))
        path.addLineToPoint(CGPoint(x: 0, y: frame.height / 2))
        path.addLineToPoint(CGPoint(x: frame.width / 2, y: frame.height))
        path.addLineToPoint(CGPoint(x: frame.width, y: frame.height / 2))
    default: print("unknown shape")

    }

    color.setFill()
    path.fill()

}
}