How to change image tint color of UIContextualAction of Tableview?

Question

There I want to change tint color of image but couldn't change, it's always returning white color. I have try Rendring image of Original and Template image but still it won't work.

I have added screen shot below:

please anyone can help me for that

public func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {

    guard let cell = tableView.cellForRow(at: indexPath) as? DocumentListCell else {return UISwipeActionsConfiguration()}
    let likeAction = UIContextualAction(style: .normal, title:  "", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
        print("likeAction ...")
        success(true)

    })

    likeAction.image = #imageLiteral(resourceName: "Favourite_Selected")
    likeAction.backgroundColor = UIColor.init(red: 239/255, green: 239/255, blue: 239/255, alpha: 1)

    let downloadAction = UIContextualAction(style: .normal, title:  "", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
        print("Trash action ...")
    })
    downloadAction.backgroundColor = UIColor.red//UIColor.init(red: 239/255, green: 239/255, blue: 239/255, alpha: 1)
    downloadAction.image = #imageLiteral(resourceName: "Doc_Download_Big")

    return UISwipeActionsConfiguration(actions: [likeAction,downloadAction])
}

score 6 · Answer 1 · edited Jun 20 '20 at 09:12

6

Just go to Assets.xcassets, select the desired image.

Replace Render As with the one you need:

Addition

You can try also a few things:

Change the settings of the UIImageView itself inside your tableView:

UIImageView.appearance(whenContainedInInstancesOf: [UITableView.self]).tintColor = UIColor.init(red: 239/255, green: 239/255, blue: 239/255, alpha: 1)

Try to use extension on UIImage:

extension UIImage {
    
    func paintOver(with color: UIColor) -> UIImage {
        let renderer = UIGraphicsImageRenderer(size: size)
        let renderedImage = renderer.image { _ in
            color.set()
            self.withRenderingMode(.alwaysTemplate).draw(in: CGRect(origin: .zero, size: size))
        }
        
        return renderedImage
    }
}

How to use:

likeAction.image = UIImage(named: "Favourite_Selected")?.colored(in: .red)

Hope this one will help you!

edited Jun 20 '20 at 09:12

Community

1
1

answered Nov 20 '19 at 15:30

kzakharc

499
2
8

I have already try Rendring , as Template and as Original but it won't work – jo solution Nov 20 '19 at 16:49
@josolution, I made additions to my answer, please check – kzakharc Nov 21 '19 at 10:59
@ kzakharc I have tried all above solutions but it won't work . – jo solution Nov 25 '19 at 04:21
render as originalImage did the trick for me. – laka Nov 25 '20 at 18:17
the extension did it – Radu Ursache Jun 14 '21 at 13:06

score 0 · Answer 2 · answered Dec 14 '19 at 18:59

0

You have to set alpha zero for background color for change image color.

Like this line:-

likeAction.backgroundColor = UIColor.init(red: 239/255, green: 239/255, blue: 239/255, alpha: 0)

answered Dec 14 '19 at 18:59

Maitree-swift

11
1

@ Maitree-swift I have tried this but it not work – jo solution Dec 16 '19 at 08:01

How to change image tint color of UIContextualAction of Tableview?

2 Answers2

Addition