Change color on checkmark in UITableView

Question

Could someone be so kind to show me how to change the color on the checkmark in UITableView?

I have searched but don't seem to get it to work.

Cheers

score 210 · Answer 1 · edited Apr 10 '21 at 06:21

210

Since the iOS SDK has changed since the accepted answer, I thought I'd just update with a new answer.

You can in fact change the color of the checkmark in a UITableViewCell by adjusting the tintColor property of the UITableViewCell.

You can also set an appearance proxy for all UITableViewCells so that ALL instances have a specific tint color unless otherwise specified

[[UITableViewCell appearance] setTintColor:[UIColor redColor]];

Swift: In Swift change the tintcolor to the color you want to change the color of any Accessory Type

cell.tintColor = .black

edited Apr 10 '21 at 06:21

Yuva Sandeep

3
2

answered Sep 23 '13 at 09:38

nvrtd frst

6,272
4
28
34

Yes Anastasia, the property tintColor is available for UIView in iOS 7.0 and later. – Donnit Oct 11 '13 at 17:23
2

Wonder why they don't set the accessory view when we set the accessory type so we can customize it instead of going for hacks like setting the tint color for the entire cell or table just so the checkmark color changes. – trss Jan 16 '14 at 11:05
This does not seem to work any more in iOS 9.3, unless I am missing something. Can anyone confirm? – user3352495 Aug 25 '16 at 21:35
It works in 10.1, you can also set it in Interface Builder. – Yusuf X Nov 22 '16 at 21:09
Note that, if you've used the UIAppearance protocol to set UIControl's `tintColor`, the checkmark accessory type will inherit that color instead of UITableViewCell's `tintColor`. You may need to do something like this to override it: `UIControl.appearance(whenContainedInInstancesOf: [CustomTableViewCell.self]).tintColor = .white` – jamesk Mar 10 '17 at 00:15

score 41 · Accepted Answer · answered Oct 03 '11 at 22:42

41

Apple doesn't provide a public way to change the color of the checkmark so you'll have to do it with an image.

This is very simple, just set the accesoryView property of the cell to a UIImageView containing a checkmark of the correct color.

It'll look like this:

UIImageView *checkmark = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"coloredCheckmark.png"]];
cell.accessoryView = checkmark;
[checkmark release];

Enjoy!

answered Oct 03 '11 at 22:42

Andrew Zimmer

3,183
1
19
18

But accessory view is on the right, not on the left side, am I right? – pronebird Jul 16 '12 at 10:29
Nope, right side: http://developer.apple.com/library/ios/#documentation/uikit/reference/UITableViewCell_Class/Reference/Reference.html – Andrew Zimmer Jul 16 '12 at 20:12
Just out of interest, what size did you create the image at (in points)? – Adam Carter Sep 07 '12 at 17:20
1

It can really be any size you like, but I believe the normal checkmark is around 28x28 pnts. – Andrew Zimmer Sep 07 '12 at 17:26
8

From iOS 7 you can change check mark color by setting UIWindow's Tint Color. – Blind Ninja Feb 24 '15 at 04:53
6

You can also change the checkmark color by setting the tintColor property of the table view cell now. Hi Zimmer :) – Charlie Martin Mar 25 '16 at 05:36

score 35 · Answer 3 · answered Aug 05 '15 at 04:37

35

If you are looking for a Swift version:

Directly on the cell

For example in tableView(_:,cellForRowAtIndexPath:)

cell.tintColor = UIColor.redColor()

Using the appearance protocol

UITableViewCell.appearance().tintColor = UIColor.redColor()

answered Aug 05 '15 at 04:37

mokagio

16,391
3
51
58

score 29 · Answer 4 · edited Nov 23 '13 at 16:37

29

The following worked for me in iOS 7.

[self.tableView setTintColor:[UIColor someColor]];

edited Nov 23 '13 at 16:37

Niall C.

10,878
7
69
61

answered Nov 23 '13 at 16:17

Vinicius Souza

447
4
7

7

there is no such color as [UIColor someColor]. I think you meant [UIColor bestColor] ? – pnizzle Jul 31 '15 at 05:44

score 15 · Answer 5 · answered Nov 06 '14 at 05:27

15

This image shows how to do this in storyboards.The Tint color is the checkmark color.

enter image description here

answered Nov 06 '14 at 05:27

kalan nawarathne

1,944
27
26

It worked for me. If not, you can try the programmatic way as described in the accepted answer. – kalan nawarathne Dec 21 '14 at 07:07
This worked perfectly and should be the correct answer to edit checkmark color while selecting a cell – Somu Nov 21 '16 at 20:23

score 14 · Answer 6 · answered Nov 22 '13 at 14:34

14

I found that igraczech's answer is mostly correct, but with iOS 6 or later, you can just set the tint color of the entire tableview and default items will inherit down.

[self.tableView setTintColor:[UIColor someColor]];

This worked for me and allowed me to color in the checkmark.

answered Nov 22 '13 at 14:34

Bill Burgess

14,054
6
49
86

Pretty sure this works in iOS 6. You are setting the tint of the tableview and not some other object? – Bill Burgess Sep 12 '14 at 15:19
Definitely it don't work in iOS 6. Be careful when you confirm something – juancazalla Jun 10 '15 at 10:32

score 8 · Answer 7 · answered Oct 05 '13 at 12:03

Starting iOS 7 you could set the tint color of your view controller's view so that this tint colow will be propageted to all it's child views. So to set your UITableViewCell's checkmark as purple color (for example), in your viewWillAppear method you need to:

[self.view setTintColor:[UIColor purpleColor]];

score 3 · Answer 8 · answered May 11 '13 at 17:10

3

The UIAccessoryTypeCheckmark (right side) inherits background color of its tableview.

self.tableView.backgroundColor = [UIColor clearColor];

answered May 11 '13 at 17:10

igraczech

2,408
3
25
30

score 3 · Answer 9 · edited Jul 17 '15 at 13:41

3

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
HNCustomTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"HNCustomTableViewCell" forIndexPath:indexPath];
cell.tintColor = [UIColor colorWithRed:0.99 green:0.74 blue:0.10 alpha:1.0];
return cell;
}

It work for me.

edited Jul 17 '15 at 13:41

josliber

43,891
12
98
133

answered Jul 17 '15 at 12:02

Antony Wong

562
5
17

Raviteja Mathangi · Answer 10 · 2019-06-24T13:08:51.647

3

 UITableViewCell *cell=(UITableViewCell*)[tableView dequeueReusableCellWithIdentifier:@"CellIdentifier" forIndexPath:indexPath];
cell.tintColor=UIColor.whiteColor;
return cell;

edited Jun 24 '19 at 13:08

answered Apr 10 '18 at 11:58

Raviteja Mathangi

59
7

1

Can you please provide some more commentary as to what this block of code does? – Deanna Apr 10 '18 at 14:51
1

Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others. – Neuron Apr 10 '18 at 15:34
@Deanna When a UITableViewCell is selected, the OS goes through the view hierarchy and changes the backgroundColor of tableView to selected colour – Raviteja Mathangi Jun 24 '19 at 13:21
@Raviteja_DevObal can you update the answer? It was flagged as low quality as it was just a snippet of code with no explanation. – Deanna Jun 24 '19 at 13:33

score 2 · Answer 11 · answered Dec 19 '14 at 16:34

2

#import "UIImage+Color.h"

UIImage *image = [[UIImage imageNamed:@"ic_check_black_24dp.png"] changeColor:CLR_BUY];
UIImageView *checkmark = [[UIImageView alloc] initWithImage:image];
cell.accessoryView = checkmark;

answered Dec 19 '14 at 16:34

Gank

4,507
4
49
45

Bogdan Evsenev · Answer 12 · 2017-12-27T20:34:32.580

2

I always used this easy way:

UITableViewCell *cell = ...;
cell.tintColor = [UIColor greenColor];
cell.accessoryType = UITableViewCellAccessoryCheckmark;

edited Dec 27 '17 at 20:34

answered Nov 27 '17 at 16:21

Bogdan Evsenev

851
9
16

score 1 · Answer 13 · answered May 21 '15 at 06:26

1

You don't have to use your own image, you can simply change it in your view did load with the following code.

[self.tableView setTintColor:[UIColor colorWithRed:250/255.0 green:223/255.0 blue:6/255.0 alpha:1]]

Cheers!

answered May 21 '15 at 06:26

TheRealRonDez

2,807
2
30
40

Nitesh Borad · Answer 14 · 2017-05-09T12:26:46.680

1

Swift 3.1, iOS 9+

if #available(iOS 9.0, *) {
            UIImageView.appearance(whenContainedInInstancesOf: [UITableViewCell.self]).tintColor = UIColor.themeTint //add your color here 
        } else {
            // Fallback on earlier versions
        }

Result

edited May 09 '17 at 12:26

answered May 09 '17 at 12:20

Nitesh Borad

4,583
36
51

score 1 · Answer 15 · answered Apr 08 '19 at 14:06

1

The above answers are all great. But if you want to do it globally, just do

UITableViewCell.appearance().tintColor = .green

Nice little trick :)

answered Apr 08 '19 at 14:06

Austin-Michael Komatz

41
1
5

Change color on checkmark in UITableView

15 Answers15

Directly on the cell

Using the appearance protocol

Linked