Tuesday, January 20, 2009

Table View Color

Many of Apple's iPhone applications use a slate-blue color to denote non-editable text in a table view. You can see an example of this in the screenshot below from the Contact application. The text that tells you to "Add New Phone" here is the color I'm talking about:


Apple doesn't have a class method for getting this color, which is odd, since they do provide class methods for most commonly used system colors. You'd think, with how strictly they're enforcing the HIG lately, that they would. But they don't.

Anyway, you may know this, but in case you didn't (paging Captain Obvious), in the /Applications/Utilities/ folder on your Mac, there is a program called DigitalColor Meter, and it will give you the color value for any pixel on the screen. I used this to grab the correct RGB values from the Contacts application running in the simulator, which showed the RGB values for that blue color is:
Red:   0.243
Green: 0.306
Blue: 0.435
or if you prefer it in 8-bit designation:
Red:    81
Green: 102
Blue: 145
If you want to add this method to the More Colors Category I posted a few months back, the method would look like this:

+(id)tableCellNonEditableTextColor {vendColor(81, 102, 145);}

Or, you can just create it like this:

UIColor *thatTableTextColor = [UIColor colorWithRed:0.243 green:0.306 blue:0.435 alpha:1.0];

No comments:

Post a Comment