Book Image

iPhone User Interface Cookbook

By : Cameron Banga
Book Image

iPhone User Interface Cookbook

By: Cameron Banga

Overview of this book

The incredible growth rates for the iPhone, iPod touch, and iPad have pushed consumers to a new “App” economy, with developers racing to the platform. Mobile touch-centric interfaces vary greatly from traditional computing platforms, and programmers as well as designers must learn to adapt to the new form-factor.The iPhone User Interface Cookbook offers a complete breakdown of standard interface design on the iPhone, iPod touch, and iPad. You will learn the tools behind the trade, how to properly utilize standard interface elements, and custom UI tricks that will help your work stand out on the App Store.The book is designed to be a complete overview of interface design on all iOS platforms, offering insight and an inside look into app design. A variety of topics are covered, starting with an overview of tools for the app interface designer, touching upon popular interface components such as the Tab Bar, and offering suggestions for complex game interfaces. Whether you’re new to the platform or a seasoned developer with numerous applications in the App Store, this book strives to teach everyone simple and easy to implement tips for iOS interface design. Regardless of skill level, the iPhone User Interface Cookbook offers a detailed breakdown of all things interface design.
Table of Contents (18 chapters)
iPhone User Interface Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
PacktLib.PacktPub.com
Preface
The Importance of Direct Manipulation
If you need a stylus, you blew it

Making text fade in or out of view


Scrolling bodies of text are common inside of any application; however it often looks awkward when text disappears abruptly at the end of scroll view. For a bit of graphical flare, it often can be appealing to have it appear as if the text is disappearing or fading away at the end of the screen.

In this recipe, we'll create a simple art file that will make our scrolling text appear as if it's fading away into the background.

Getting ready

For this recipe, we'll need Photoshop or another raster image editing program. It will also be useful to have a near final interface screenshot or knowledge of the background color we desire to use for the fade effect.

How to do it...

The text fade will require a simple semi-transparent PNG file that we'll lay above our text view. The art piece itself is fairly simple to create, but most developers are unaware of the technique. Let's take a look at how to get started:

  1. 1. Take a screenshot of our interface without the fade...