UISwipeActionsConfiguration / UIContextualAction包含图标和文字以及清晰背景

Question

有几个类似的问题（例如my previous iOS10 variant），但我认为应该使用不使用私有API的Swift4来获得iOS 11的最新答案，并且不依赖于您将图标限制为unicode表情符号。

随着API到iOS11的发展，我们现在可以放置图像和文本，但它们被强制进入模板模式，并使用您设置的任何backgroundColor反色。 E.g。

let rename = UIContextualAction(style: .normal, title: "Rename") { (_, view, _) in
    self.renameEntry(indexPath)
}
rename.backgroundColor = UIColor.black
rename.image = UIImage(named: "pencilEdit")
let locate = UIContextualAction(style: .normal, title: "Locate") { (_, view, _) in
    self.locateEntry(indexPath)
}
locate.backgroundColor = UIColor.blue
locate.image = UIImage(named: "locatePin")
let delete = UIContextualAction(style: .destructive, title: "Forget") { (_, view, _) in
    self.deleteEntry(indexPath)
}
delete.backgroundColor = UIColor.red
delete.image = UIImage(named: "triggerDeleteSelector")
return UISwipeActionsConfiguration(actions: [rename, locate, delete])

产生这个：

显然，我们可以有图像或文字，但不能同时使用。

但我想要的是

除了向后的顺序，我还不知道如何欺骗系统，就像我能够为iOS10做的那样。我仍然可以使用文本和图像生成图像，但我无法控制该图像的颜色。将backgroundColor设置为nil或.clear只会产生空方块。

Answer 1

使用patternImage设置背景颜色，不要设置标题或图像。这是一个hacky技巧，但它应该适合你的情况。

let rename = UIContextualAction(style: .normal, title: nil) { (_, view, _) in 
        self.renameEntry(indexPath) 
}
rename.backgroundColor = UIColor(patternImage: UIImage(named: "pencilEditWideFrame")!)

您必须使用最左边的图标保存带有这样宽框的图像，这样它们实际上不会重复：

注意：我对此进行了测试，它在使用两个或更多上下文操作时有效，但不能仅使用一个。模式最终会在完全滑动时重复出现。

这也假设您在tableview后面有一个简单的背景，可以用作图像的背景颜色，因为透明度仍然是不可行的。