Boutique product development companyIt is amazing what you can accomplish when you have a client-centric team to deliver o...
Supporting Multiple Screens on Android            Arsalan Anwar | Android Mentor
Supporting Multiple Screens on AndroidTopics covered in the presentation    •   Target Audience                   •   Crea...
Supporting multiple screens on AndroidTarget Audience         • Mobile developers         • Designer for graphics assets f...
Supporting multiple screens on AndroidAndroid devices         • Android OS is available in 3997 distinct Android          ...
Supporting multiple screens on AndroidAndroid devices         • Screen sizeScreen              densityOrientationResolutio...
Supporting multiple screens on AndroidDimensions       ❑ px                 Screen pixels       ❑ in                 Physi...
Supporting multiple screens on AndroidDensity independence                                         Arsalan Anwar | Android...
Supporting multiple screens on AndroidDensity independenceResolution is well-managed by Android, but densitymight blur gra...
Supporting multiple screens on AndroidDensity independenceResolution is well-managed by Android, but densitymight blur gra...
Supporting multiple screens on AndroidDensity-independent pixel (dp) - new virtual unit for conceptual design             ...
Supporting multiple screens on AndroidScreen Sizes        xlarge screens                   >   960 dp x 720 dp        larg...
Supporting multiple screens on AndroidSolutions         • User Alternative Layouts and ImagesCreate              Bitmap/Gr...
Supporting multiple screens on AndroidProviding Alternative Resources       Almost every application should provide altern...
Supporting multiple screens on AndroidProviding Alternative Resources    Directory      Resource Type    animator/      XM...
Supporting multiple screens on AndroidProviding Alternative Resources                                         Arsalan Anwa...
Supporting multiple screens on AndroidProviding Alternative Resources           Configuration                 Qualifier Va...
Supporting multiple screens on AndroidRange of Screen Supported cont.                                         Arsalan Anwa...
Supporting multiple screens on AndroidRange of Screen Supported cont           <bitmap xmlns:android="http://schemas.andro...
Supporting multiple screens on AndroidNicePatch Images       A NinePatchDrawable graphic is a stretchable bitmap image, wh...
Supporting multiple screens on AndroidFree Android Tool: SDK/tools/draw9patch                                         Arsa...
Supporting multiple screens on AndroidFree Android Tool: SDK/tools/draw9patch                                         Arsa...
Supporting multiple screens on AndroidStyles , Dimension for Layouts         • A style is a collection of properties that ...
Supporting multiple screens on AndroidStyles , Dimension for Layouts         •    <TextView                 android:layout...
Supporting multiple screens on AndroidStyles , Dimension for Layouts         •    <TextView                 android:layout...
Supporting multiple screens on AndroidNew Android Design site - reference            http://developer.android.com/design/i...
Supporting multiple screens on AndroidAndroid Asset Studio can save your time                                         http...
Supporting multiple screens on AndroidPencil with Android Stencils - UI prototyping Tool                    http://pencil....
Supporting multiple screens on AndroidRange of Screen Supported cont                                         Arsalan Anwar...
Supporting multiple screens on AndroidRange of Screen Supported cont                                         Arsalan Anwar...
Supporting multiple screens on AndroidTechnical details and references        http://developer.android.com/guide/practices...
Upcoming SlideShare
Loading in...5
×

Ts android supporting multiple screen

2,172

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,172
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
55
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Ts android supporting multiple screen

  1. 1. Boutique product development companyIt is amazing what you can accomplish when you have a client-centric team to deliver outstanding products.
  2. 2. Supporting Multiple Screens on Android Arsalan Anwar | Android Mentor
  3. 3. Supporting Multiple Screens on AndroidTopics covered in the presentation • Target Audience • Create Bitmaps, Gradient via XML • Android Devices • Nine Patch Images • Dimensions • Free Android Tool • Density Independence SDK/Tools/Draw9 Patch • Screen size • Styles, Dimensions, and Layouts • Solutions • Android assets studio can save • Providing alternative resources your time • Range of screens supported • Pencil with Android stencils • Technical details and references Arsalan Anwar | Android Mentor
  4. 4. Supporting multiple screens on AndroidTarget Audience • Mobile developers • Designer for graphics assets for Android devices • Designer for graphics assets for Android apps • Beginning developers for Android apps Arsalan Anwar | Android Mentor
  5. 5. Supporting multiple screens on AndroidAndroid devices • Android OS is available in 3997 distinct Android phonesEach Device has different then other by colors , style. OS , Screen Size , Screen ResolutionAndroid has set Screen Sizes standards Arsalan Anwar | Android Mentor
  6. 6. Supporting multiple screens on AndroidAndroid devices • Screen sizeScreen densityOrientationResolutionDensity-independent pixel (dp): Arsalan Anwar | Android Mentor
  7. 7. Supporting multiple screens on AndroidDimensions ❑ px Screen pixels ❑ in Physical inches ❑ pt Physical points ❑ mm Physical millimeters ❑ dp Density-independent pixels relative to a 160-dpi screen ❑ sp Scale-independent pixels Arsalan Anwar | Android Mentor
  8. 8. Supporting multiple screens on AndroidDensity independence Arsalan Anwar | Android Mentor
  9. 9. Supporting multiple screens on AndroidDensity independenceResolution is well-managed by Android, but densitymight blur graphics assets ldpi = 120 36 x 36 px mdpi = 160 48 x 48 px hdpi = 240 72 x 72 px xhdpi = 320 96 x 96 px Arsalan Anwar | Android Mentor
  10. 10. Supporting multiple screens on AndroidDensity independenceResolution is well-managed by Android, but densitymight blur graphics assets Screen snapshot on a hdpi device Arsalan Anwar | Android Mentor
  11. 11. Supporting multiple screens on AndroidDensity-independent pixel (dp) - new virtual unit for conceptual design dp Arsalan Anwar | Android Mentor
  12. 12. Supporting multiple screens on AndroidScreen Sizes xlarge screens > 960 dp x 720 dp large screens > 640 dp x 480 dp normal screens > 470 dp x 320 dp small screens > 426 dp x 320 dp Arsalan Anwar | Android Mentor
  13. 13. Supporting multiple screens on AndroidSolutions • User Alternative Layouts and ImagesCreate Bitmap/Gradient via XMLUser 9-patch ImagesUser Styles/Dimension for Layouts Arsalan Anwar | Android Mentor
  14. 14. Supporting multiple screens on AndroidProviding Alternative Resources Almost every application should provide alternative resources to support specific device configurations. For instance, you should include alternative drawable resources for different screen densities and alternative string resources for different languages. At runtime, Android detects the current device configuration and loads the appropriate resources for your application. Arsalan Anwar | Android Mentor
  15. 15. Supporting multiple screens on AndroidProviding Alternative Resources Directory Resource Type animator/ XML files that define property animations. anim/ XML files that define tween animations. color/ XML files that define a state list of colors. See Color State List Resource drawable/ Bitmap files (.png, .9.png, .jpg, .gif) or XML files that are compiled into the following drawable resource subtypes: Bitmap files, Nine-Patches (re-sizable bitmaps), State lists, Shapes, Animation , drawables ,Other drawables layout/ XML files that define a user interface layout. See Layout Resource. menu/ XML files that define application menus, such as an Options Menu, Context Menu etc raw/ Arbitrary files to save in their raw form. values/ XML files that contain simple values, such as strings, integers, and colors. arrays.xml for resource arrays (typed arrays). colors.xml for color values dimens.xml for dimension values. strings.xml for string values. styles.xml for styles. See String Resources, Style Resource, and More Resource Types. xml/ Arbitrary XML files that can be read at runtime by calling Resources.getXML(). Arsalan Anwar | Android Mentor
  16. 16. Supporting multiple screens on AndroidProviding Alternative Resources Arsalan Anwar | Android Mentor
  17. 17. Supporting multiple screens on AndroidProviding Alternative Resources Configuration Qualifier Values Language and region Examples: en, fr ,en-rUS, fr-rFR,fr-rCA, etc. smallestWidth sw<N>dp Examples: sw320dp, sw600dp, sw720dp,etc. Available width w<N>dp Examples: w720dp,w1024dp,etc. Available height h<N>dp Examples: h720dp,h1024dp,etc. Screen size Small,normal,large, xlarge Screen aspect Long, notlong Screen orientation Port,land Dock mode Car, desk Night mode Night, notnight Screen pixel density (dpi) Ldpi,mdpi,hdpi,xhdpi,nodpi,tvdpi Touchscreen type Notouch,stylus,finger Keyboard availability Keysexposed,keyshidden,keyssoft Arsalan Anwar | Android Mentor
  18. 18. Supporting multiple screens on AndroidRange of Screen Supported cont. Arsalan Anwar | Android Mentor
  19. 19. Supporting multiple screens on AndroidRange of Screen Supported cont <bitmap xmlns:android="http://schemas.android.com/apk/res/android" android:src="@drawable/single_tile" android:tileMode="repeat" /> Arsalan Anwar | Android Mentor
  20. 20. Supporting multiple screens on AndroidNicePatch Images A NinePatchDrawable graphic is a stretchable bitmap image, which Android will automatically resize to accommodate the contents of the View in which you have placed it as the background. An example use of a NinePatch is the backgrounds used by standard Android buttons — buttons must stretch to accommodate strings of various lengths. A NinePatch drawable is a standard PNG image that includes an extra 1- pixel-wide border. It must be saved with the extension .9.png, and saved into the res/drawable/ directory of your project. Arsalan Anwar | Android Mentor
  21. 21. Supporting multiple screens on AndroidFree Android Tool: SDK/tools/draw9patch Arsalan Anwar | Android Mentor
  22. 22. Supporting multiple screens on AndroidFree Android Tool: SDK/tools/draw9patch Arsalan Anwar | Android Mentor
  23. 23. Supporting multiple screens on AndroidStyles , Dimension for Layouts • A style is a collection of properties that specify the look and format for a View or window. A style can specify properties such as height, padding, font color, font size, background color, and much more. A style is defined in an XML resource that is separate from the XML that specifies the layout.Styles in Android share a similar philosophy to cascading stylesheets in web design—they allow you to separate the design from the content. Arsalan Anwar | Android Mentor
  24. 24. Supporting multiple screens on AndroidStyles , Dimension for Layouts • <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:textColor="#00FF00" android:typeface="monospace" android:text="@string/hello" /><TextView style="@style/CodeFont" android:text="@string/hello" /><?xml version="1.0" encoding="utf-8"?> <resources> <style name="CodeFont" <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:textColor">#00FF00</item> <item name="android:typeface">monospace</item> </style> </resources> Arsalan Anwar | Android Mentor
  25. 25. Supporting multiple screens on AndroidStyles , Dimension for Layouts • <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:textColor="#00FF00" android:textSize="14sp" android:typeface="monospace" android:text="@string/hello" /><TextView style="@style/CodeFont" android:text="@string/hello" /><?xml version="1.0" encoding="utf-8"?> <resources> <style name="CodeFont" <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:textColor">@dimen/text_font_size</item> <item name="android:typeface">monospace</item> </style> </resources><?xml version="1.0" encoding="utf-8"?> <resources> <dimen name=" text_font_size">14sp</dimen> </resources> Arsalan Anwar | Android Mentor
  26. 26. Supporting multiple screens on AndroidNew Android Design site - reference http://developer.android.com/design/index.html Also can download official Android icon templates pack here http://developer.android.com/guide/practices/ui_guidelines/icon_design.html#templatespack Arsalan Anwar | Android Mentor
  27. 27. Supporting multiple screens on AndroidAndroid Asset Studio can save your time http://j.mp/androidassetstudio Arsalan Anwar | Android Mentor
  28. 28. Supporting multiple screens on AndroidPencil with Android Stencils - UI prototyping Tool http://pencil.evolus.vn http://code.google.com/p/android-ui-utils/ Arsalan Anwar | Android Mentor
  29. 29. Supporting multiple screens on AndroidRange of Screen Supported cont Arsalan Anwar | Android Mentor
  30. 30. Supporting multiple screens on AndroidRange of Screen Supported cont Arsalan Anwar | Android Mentor
  31. 31. Supporting multiple screens on AndroidTechnical details and references http://developer.android.com/guide/practices/screens_support.html Arsalan Anwar | Android Mentor
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×