Swift纯Code之旅 Day12. 「TableView(番外篇) - TableViewCell Accessory」

前言

现在我们已经很像IPhone的内建闹钟了，但是还是有一点不一样(下图红框圈起处)

因此今天就要来完成最後的两小块拼图之一：「Accessory」。

实作

可以看到前三个Cell的最右边都有一个符号：「>」，因为这是属於Cell在一部分，
因此我们需要到addAlarmTableViewCell中，新增以下程序码，就可以让他出现罗！

 override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        // 让TalbeViewCell 的右边出现：「 > 」符号
        self.accessoryType = .disclosureIndicator
        
        self.backgroundColor = #colorLiteral(red: 0.1734634042, green: 0.1683282256, blue: 0.1771324873, alpha: 1)
        setViews()
        setLayouts()
    }

就出现罗！

疑？是不是太淡了些？那让我们来改变一下他的颜色在执行一次吧！

// Set accessory的颜色
self.tintColor = .white

什麽！居然没变？
没错！那是因为 .disclosureIndicator 是不可以改变颜色的，所以我们只好自己做一个View替代它罗！

若忘记如何使用Xcode内建图片库改变View的图片，可以去看前面的文章参考一下

let detailImageView: UIImageView = {
        // 设定这个 imageView 的图案为 "chevron.right"
        let imageView = UIImageView(image: UIImage(systemName: "chevron.right"))
        // 设定这个 imageView 的颜色为灰色
        imageView.tintColor = .lightGray
        return imageView
    }()

那View做完了之後，还得把他放入accessory里面让他显示在TableViewCell上面

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        // 设定accessoryView 为 detailImageView(刚刚制作的View)
        self.accessoryView = detailImageView
        
        self.backgroundColor = #colorLiteral(red: 0.1734634042, green: 0.1683282256, blue: 0.1771324873, alpha: 1)
        setViews()
        setLayouts()
    }

接着执行看看吧！