有几个类似的问题,但我认为iOS 10应该有最新的答案,使用Swift3,不使用私有API,并且不依赖于你限制你的图标到unicode表情符号。
我现在有三个动作的表行:
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
let rename = UITableViewRowAction(style: .normal, title: "Rename") { (_, indexPath) in
self.renameEntry(indexPath)
}
let locate = UITableViewRowAction(style: .normal, title: "Locate") { (_, indexPath) in
self.locateEntry(indexPath)
}
locate.backgroundEffect = UIVisualEffect()
let delete = UITableViewRowAction(style: .default, title: "Forget") { (_, indexPath) in
self.deleteEntry(indexPath)
}
return [delete, locate, rename]
}
但是我想要的不是我所选择的大小和样式的居中文字的颜色方块,而是我想要:
我尝试使用backgroundColor,但只是将图像平铺在按钮上,并没有改变文本的位置或颜色。所以它必须不仅仅是
theAction.backgroundColor = UIColor(patternImage: UIImage(named: "renameImage")!)
这样做有好办法吗?
答案 0 :(得分:5)
我最终做的是动态生成图像作为背景。这需要使用黑客/聪明技巧或两个。
第一部分是标准委托方法:
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
let stockWidth = String(repeating: " ", count: 8)
let rename = UITableViewRowAction(style: .normal, title: stockWidth) { (_, indexPath) in
self.renameEntry(indexPath)
}
self.fixAction(rename, text: "Rename", image: UIImage(named: "pencilEdit")!, color: UIColor(52, 61, 70))
let locate = UITableViewRowAction(style: .normal, title: stockWidth) { (_, indexPath) in
self.locateEntry(indexPath)
}
self.fixAction(locate, text: "Locate", image: UIImage(named: "locatePin")!, color: UIColor(38, 107, 215))
let delete = UITableViewRowAction(style: .normal, title: stockWidth) { (_, indexPath) in
self.deleteEntry(indexPath)
}
self.fixAction(delete, text: "Forget", image: UIImage(named: "triggerDeleteSelector")!, color: UIColor(227, 34, 60))
let gap = UITableViewRowAction(style: .normal, title: "") { (_, _) in
// pass
}
gap.backgroundColor = UIColor.clear
return [gap, delete, locate, rename]
}
那里有两个不明显的细节。首先,动作从传入的文本字符串中获取其宽度。如果您没有通过一些不可见的空格字符给它一些宽度,则背景图像将不会有任何区域被绘制。 #39; s前3个操作中使用stockWidth
字符串的原因。它的8个字符宽度由生成背景图像的fixAction
方法共享。
第二个细节是第四个"间隙"底部的行动。出于某种原因,如果第一个动作具有作为平铺图案的背景颜色,则它将在其他动作下向左伸展。我发现我必须在前面插入这个零宽度的无操作以避免这种情况。
func fixAction(_ action:UITableViewRowAction, text:String, image:UIImage, color:UIColor) {
// make sure the image is a mask that we can color with the passed color
let mask = image.withRenderingMode(.alwaysTemplate)
// compute the anticipated width of that non empty string
let stockSize = action.title!.sizeWithAttributes([NSFontAttributeName: UIFont.systemFont(ofSize: 18)])
// I know my row height
let height:CGFloat = 70
// Standard action width computation seems to add 15px on either side of the text
let width = (stockSize.width + 30).ceiling
let actionSize = CGSize(width: width, height: height)
// lets draw an image of actionSize
UIGraphicsBeginImageContextWithOptions(actionSize, false, 0.0)
if let context = UIGraphicsGetCurrentContext() {
context.clear(CGRect(origin: .zero, size: actionSize))
}
color.set()
let attributes = [NSForegroundColorAttributeName: color, NSFontAttributeName: UIFont(name: "Avenir-Book", size: 13)]
let textSize = text.size(attributes: attributes)
// implementation of `half` extension left up to the student
let textPoint = CGPoint(x: (width - textSize.width).half, y: (height - (textSize.height * 3)).half + (textSize.height * 2))
text.draw(at: textPoint, withAttributes: attributes)
let maskHeight = textSize.height * 2
let maskRect = CGRect(x: (width - maskHeight).half, y: textPoint.y - maskHeight, width: maskHeight, height: maskHeight)
mask.draw(in: maskRect)
if let result = UIGraphicsGetImageFromCurrentImageContext() {
// adjust the passed in action's backgroundColor to a patternImage
action.backgroundColor = UIColor(patternImage: result)
}
else {
"WTH!!!".logError()
}
UIGraphicsEndImageContext()
}
答案 1 :(得分:1)
如果您不想放弃自动布局优势并获得高质量的UI,我建议您在单元格和三个自定义操作视图上自行实施滑动手势。 您还可以从模式图像中使用UIColor将其设置为背景https://developer.apple.com/reference/uikit/uicolor/1621933-init 但是你应该已经在图像中渲染了图标和文字,并且看起来并不适合所有设备,在某些时候图像可能会被拉伸。
答案 2 :(得分:0)
在iOS 13上,不推荐使用UITableViewRowAction,而是使用UISwipeActionsConfiguration,在这里您可以根据要求添加图像和背景色