Adding Emboss to a UILabel in a navigationItem.titleView (as seen with navigationItem.title)

Question

I'm trying to mimic the default emboss that automatically gets applied to navigationItem.title, as well as many other UIKit controls.

As seen in this screenshot's title ("Table Cells"):

_{(source: quicksnapper.com)}

I'm essentially trying to add 2 UILabels to the navigationItem.titleView, however the UILabels just show up as flatly drawn and it really just doesn't feel/look right :P

I've thought about playing with shadows, but that would only give the embossed look (if even that) on one side of the label.

Any ideas would be great!

Thanks

score 16 · Accepted Answer · answered Apr 16 '09 at 01:57

16

Yeh thanks! I just figured it out:

where postTitle is set to a white colour, i just added a darkGray shadow with a vertical offset of 1px.

[postTitle setShadowColor:[UIColor darkGrayColor]];

[postTitle setShadowOffset:CGSizeMake(0, -1)];

Looks exactly like anything you'd put in a .title :)

answered Apr 16 '09 at 01:57

Sahil

1,268
12
19

Thanks, Sahil. Simple but effective ;-) – Stefan Jul 16 '09 at 22:06
With retina displays you'll want that shadowOffset to be -0.5 – Sahil Jun 29 '11 at 01:43

score 5 · Answer 2 · answered Apr 15 '09 at 21:35

5

shadow and shadowOffset are what you're looking for I think. Set those properties on the label and it should do what you want.

answered Apr 15 '09 at 21:35

Genericrich

4,611
5
36
55

score 1 · Answer 3 · answered Mar 29 '10 at 11:21

1

A white shadow and a plus one instead a minus one as offset gives that depressed embossed look.

answered Mar 29 '10 at 11:21

boxed

3,895
2
24
26

Adding Emboss to a UILabel in a navigationItem.titleView (as seen with navigationItem.title)

3 Answers3

Linked