Friday, June 15, 2012

Design Layout For Multiple Screens in android?


You need to create different layout for diff screen size. Support all screen you need to create following layout:

1-Low density Small screens QVGA 240x320 (120dpi):
layout-small-ldpi (240x320)
layout-small-land-ldpi (320x240)

2-Low density Normal screens WVGA400 240x400 (x432) (120dpi):
layout-ldpi  (240 x 400 )
layout-land-ldpi  (400 x 240 )

3-Medium density Normal screens HVGA 320x480 (160dpi):
layout-mdpi (320 x 480 )
layout-land-mdpi (480 x 320 )

4-Medium density Large screens HVGA 320x480 (160dpi):
layout-large-mdpi (320 x 480 )
layout-large-land-mdpi (480 x 320)

5-Galaxy Tab ( 240 dpi ):
layout-large  (600 x 1024)
layout-large-land  (1024 x 600)

6-High density Normal screens WVGA800 480x800 (x854) (240 dpi):
layout-hdpi (480 x 800)
layout-land-hdpi (800 x 480)

7-Xoom (medium density large but 1280x800 res) (160 dpi):
layout-xlarge (800 x 1280)
layout-xlarge-land (1280 x 800)

8- Other

layout-normal-mdpi -> 320x480
layout-normal-hdpi -> 800x480 and 854x480 (adjusted in the code)
layout-normal-ldpi -> 400x240
layout-large-mdpi -> 800x480 tablet (mostly the same as the layout-normal-hdpi layout, but needs to be in this folder)
layout-small-ldpi -> 320x240


Also add following code in .manifest file:

<supports-screens                              
    android:smallScreens="true"                  
    android:normalScreens="true"      
    android:largeScreens="true"          
    android:xlargeScreens="true"          
    android:anyDensity="true" />

No comments:

Post a Comment