Label and NSTimer shadow design

Question

I'm a beginner in iOS and need some leads to do something that don't feel that easy to do ... I have to change my design for a timer (elapsed time and remaining time) that looks this way : enter image description here

To something that look this way :

enter image description here

Would you have any leads to give to me (except for the shadow color and offset properties that I already know) ? My principal guess for now is : How differentiate these 2 states : gray when no time and blue when there is.

Thank you in advance !

What part of changing it are you unsure about? How are you currently setting up the label (code or nib)? — Craig Siemens, Oct 17 '12 at 15:53
No, juste trying to obtain this design : gray when no time and blue when there is. How differentiate these 2 states... — Hetana, Oct 17 '12 at 16:00
@Hetana Use two labels for the two different time components. — rmaddy, Oct 17 '12 at 16:39

score 1 · Accepted Answer · edited May 23 '17 at 12:06

You're new to iOS development, so i'm not sure if it's a good idea to throw some 3rd party framworks at your head! but anyway, take a look at TTTAttributetLabel. I'ts a drop-in replacement for UILabel and lets you style the parts of a UILabel text differently, so it could fit for your needs above!

Download the framework from the given link and look at the example project provided with it. And don't forget to include the CoreText framework into your project. (see "How to add existing frameworks in Xcode")

Label and NSTimer shadow design

1 Answers1