tableview图像内容选择颜色

时间:2017-08-28 15:40:07

标签: swift macos cocoa colors tableview

我的应用程序有一个包含图像和文本字段的tableview:

  • image =图像渲染为模板图像(浅灰色)
  • textfield =文字颜色黑色

如果我选择一行,两者的颜色将完全变为白色

问题 - 我将图像更改为蓝色图像=渲染为默认值。 如果我现在选择一行,我的文本字段的文本颜色将变为白色,但图像将保持蓝色。

我希望图像也将颜色更改为白色,但不是。

我做错了什么?

将图片呈现为模板模式的示例=>默认值:灰色|自动选择白色

enter image description here

彩色图片的示例呈现为默认模式=>默认值:绿色|也选择了绿色|预期的白色,但它保持绿色

enter image description here

2 个答案:

答案 0 :(得分:3)

试试这个:

    import Cocoa

class ViewController: NSViewController {
    @IBOutlet weak var tableView:NSTableView!
    var selectIndex = -1
    override func viewDidLoad() {
        super.viewDidLoad()
        self.tableView.delegate = self
        self.tableView.dataSource = self

    }

    func tintedImage(_ image: NSImage, tint: NSColor) -> NSImage {
        guard let tinted = image.copy() as? NSImage else { return image }
        tinted.lockFocus()
        tint.set()

        let imageRect = NSRect(origin: NSZeroPoint, size: image.size)
        NSRectFillUsingOperation(imageRect, .sourceAtop)

        tinted.unlockFocus()
        return tinted
    }
}

extension ViewController:NSTableViewDataSource, NSTableViewDelegate{
    func numberOfRows(in tableView: NSTableView) -> Int {
        return 3
    }

    func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView?{


        let result = tableView.make(withIdentifier: "imageIcon", owner: self) as! NSTableCellView
        if selectIndex == row{
            result.imageView?.image = self.tintedImage(NSImage(named:"file")!, tint: NSColor.green)

        }else{
            result.imageView?.image = self.tintedImage(NSImage(named:"file")!, tint: NSColor.gray)

        }
        return result

    }

    func tableView(_ tableView: NSTableView, didAdd rowView: NSTableRowView, forRow row: Int) {
        if selectIndex == row{
            rowView.backgroundColor = NSColor.blue
        }else{
            rowView.backgroundColor = NSColor.clear
        }
    }


    func tableViewSelectionDidChange(_ notification: Notification) {
        let table = notification.object as! NSTableView
        self.selectIndex = tableView.selectedRow

        print(table.selectedRow);
        table.reloadData()
    }
}
  

注意:根据您的要求更改imageView tintColor颜色。

table row selection with color 希望它对你有所帮助。

答案 1 :(得分:2)

创建一个自定义单元格并覆盖setHighlighted(_ highlighted: Bool, animated: Bool)以更改iamgeView的tintColor:

override func setHighlighted(_ highlighted: Bool, animated: Bool) {
    super.setHighlighted(highlighted, animated: animated)
    imageView?.tintColor = highlighted ? UIColor.white : UIColor.green
}

然后,在创建单元格时,使用UIImageRenderingMode.alwaysTemplate

设置图像
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = CustomCell()
    cell.imageView?.image = UIImage(named: "custom_image")?.withRenderingMode(UIImageRenderingMode.alwaysTemplate)
    cell.imageView?.tintColor = UIColor.green
    return cell
}