iOS 7 UI Transition Guide-Scoping (iOS 7 UI Transition guide-scoping the Project)

IOS 7 UI Transition Guide

• Preparing for Transition
  • Before you Start
  • Scoping the Project
  • Supporting IOS 6

• Updating the UI
  • Appearance and Behavior
  • Bars and Bar Buttons
  • Content views
  • Controls
  • Temporary views

Scoping the Project

Knowing your app ' s compatibility requirements and customization characteristics gives you some idea of the path to take. Use the following checklists to fill in more details and to scope the project.

Things every App must do

• update the app icon.

  in IOS 7, app icons for high-resolution IPhone and IPod touch is x-pixels; For high-resolution IPad, app icons is x pixels. (To learn more on all icons sizes, see   icon and Image Sizes   inios Human Interface Guidelines .)

  Note that IOS 7 doesn ' t apply shine or a drop shadow to the app icon. And, although IOS 7 still applies a mask that rounds the corners of an app icon, it uses a different corner radius than ea Rlier versions of IOS.

• Update the launch image to include the status bar area if it doesn ' t already does so.

• Support for Retina display and IPhone 5 in all your artwork and designs, if you ' re not already doing so.

Things every App should do

• make sure that app content is discernible through translucent UI Elements-such as bars and keyboards-and the transparent Status bar. In IOS 7, view controllers with Full-screen layout (to learn more, see   using View Controllers ).

• redesign Custom Bar button icons. In IOS 7, bar button icons is lighter in weight and has a different style. For some design guidance, see   bar button Icons   in   ios Human Interface Guidelines .

• prepare for borderless buttons by reassessing the utility of buttons background images and bezels in your layout.

• examine your app for hard-coded UI Values-such as sizes and positions-and replace them with those you derive dynamically From system-provided values. Use the Auto layout to the your app respond when layout changes is required. (If you ' re new to Auto Layout, learn about it by Readingauto Layout guide .)

• Examine your app for places where the metrics and style changes of UIKit controls and views affect the layout and Appearan Ce. For example, switches is wider, grouped tables is no longer inset, and progress views is thinner. For more information the specific UI elements, see Bars and Bar Buttons,Content views, Controls, and Temporary views.

• Adopt Dynamic Type. In IOS 7, users can adjust the text size they see in apps. When you adopt the Dynamic Type, you get the text that responds appropriately to user-specified size changes. For more information, see Using Fonts.

• expect users to swipe up from the bottom of the screen to reveal Control Center. If IOS determines that a touch that begins in the bottom of the screen should reveal Control Center, it doesn ' t deliver th E gesture to the currently running app. If IOS determines that the touch should isn't reveal Control Center, the touch may be slightly delayed before it reaches the App.

• revisit the use of drop shadows, gradients, and bezels. Because the IOS 7 aesthetic is smooth and layered-with much less emphasis on using visual effects to make UI elements look Physical-you want to rethink these effects.

• if necessary, update your app to best practices for IOS 6-such as Auto Layout and Storyboards-and ensure that the app Doe SN ' t use deprecated APIs.

Now so you had a better idea of the the types of things you need to does, learn more on changes in view controllers, Tinti Ng, and fonts by reading appearance and Behavior.

If you must Continue to support IOS 6

If you must support both iOS 6 and iOS 7, you can detect which OS version the app was running in and load the appropriate R Esources. For more information, see supporting IOS 6.

iOS 7 UI Transition Guide-Scoping (iOS 7 UI Transition guide-scoping the Project)