Get Updates By E-mail 

Article Written By:
Johann Dowa

Tutorial: Calculator App Style Glossy Buttons With Core Graphics

  •  
  •  
  •  
  •  
  •  

In the past I’ve posted about creating iOS style buttons mentioning this tool, and this library which allow you to draw glossy buttons similar to those found in most iOS apps.

The basic calculator app however has different buttons.  They have a rounded gloss at the top, and a steady gradient all the way down the button.  You may have noticed when using the app that when you press the buttons there is a much more noticeable effect as the button look seems to reverse giving the impression that the finger has caused the button to reverse.

A developer named the Code Padawan has written up a quick tutorial, and provided sample code demonstrating how to duplicate this effect.

You can find their tutorial here:
iPhone Glossy Buttons

The effect is done entirely using core graphics so no need to break out Photoshop or any other tool.

[via Ole Begemann]


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments