How can I make a UIView glossy and shiny?

Question

I'm coding an iPhone app annd I currently have a View that looks like this:

I'm wondering if there is a way to make it shiny and glossy like the Phone.app call screen.

Thanks!

Answer 1

I think you should ask on doctype.com, they probably have the answer to your question :)

Answer 2

You could create a semi-transparent image that looks like glass, and overlay it.

A competent graphic designer can help you. You can either find someone the usual way, or get someone from crowdspring.om or 99designs.com. Almost anyone with decent PS skills can make an image have a sheen.

You can even Google sheen image photoshop and I bet it will tell you how.

Answer 3

If you're looking to draw glossy gradients on UIViews, I provide some code in this answer to do that.

Going beyond that, I have published the source code for a sample application which shows how to draw even more polished glossy buttons and how to replicate the glossy highlights that Apple uses in some of the built-in user interface elements (in this case, I replicate UIAlertView's style).

This application was written for the class I teach on advanced iPhone development, for which the course notes are available here in VoodooPad format. The section on Quartz 2D explains how this drawing code works.