Get Updates By E-mail 

buttons

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]


  •  
  •  
  •  
  •  
  •  

Cool Tool For Quickly Making Glossy iOS Buttons

  •  
  •  
  •  
  •  
  •  

Making buttons that match with the iPhone or iPad UI can be a difficult task.

You may have heard that there is an undocumented API in the iPhone sdk known as UIGlassButton which allows you to create buttons, and there’s been some pastie code floating around to save those buttons.

I recently needed to make a few of these buttons, and when I went around to find the code again I stumbled upon something even cooler, someone had hacked up a UIGlassButton button maker with sliders allowing you to tweak the button size, and color, screenshot below:

Overall not the most complicated project, but one that is tremendously useful and since it’s open source you can add in more parameters if you like.  I hope you like it – this is the Github where the files can be downloaded:
ButtonMaker

Just compile in Xcode and run in the simulator, the files will save to the which is shown when you hit the save button even a highlighted version of the button is saved.

Enjoy – I hope you find it as useful as I am.

[Source: Tapadoo]


  •  
  •  
  •  
  •  
  •