Layout for tablets in Android

AndroidAndroid LayoutTablet

Android Problem Overview


I would like to create different layouts for tablets and handsets in Android. Where should I put the layout resources in order to make this differentiation?

Android Solutions


Solution 1 - Android

I know this is an old question, but for the sake of it... According documentation, you should create mutiple asset folders like this

res/layout/main_activity.xml           # For handsets (smaller than 600dp available width)
res/layout-sw600dp/main_activity.xml   # For 7” tablets (600dp wide and bigger)
res/layout-sw720dp/main_activity.xml   # For 10” tablets (720dp wide and bigger)

Solution 2 - Android

If you are using Fragment concept in the code(means Multi-Pane layout) then its best to use wdp instead of swdp

res/layout-w600dp/main_activity.xml   # For 7” tablets (600dp wide and bigger)
res/layout-w720dp/main_activity.xml   # For 10” tablets (720dp wide and bigger)
res/layout-w600dp-land/main_activity.xml   # For 7” tablets in landscape (600dp wide and                  bigger)
res/layout-w720dp-land/main_activity.xml   # For 10” tablets in landscape (720dp wide and bigger)

Refer the table for understanding wdp

Table 2. New configuration qualifers for screen size (introduced in Android 3.2). In the following link http://developer.android.com/guide/practices/screens_support.html

Solution 3 - Android

With layouts, I believe you can only current differentiate by the following:

res/layout/my_layout.xml            // layout for normal screen size
res/layout-small/my_layout.xml      // layout for small screen size
res/layout-large/my_layout.xml      // layout for large screen size
res/layout-large-land/my_layout.xml // layout for large screen size in landscape mode

You can find more info on what you can add to the folder structure to differentiate between different settings here.

The biggest problem is that the Android SDK hasn't really incorporated tablets officially. Hopefully that will be resolved in the next version of Android. Otherwise, you just need to make sure you use scaling layouts that will work for any screen size.

Solution 4 - Android

According documentation, you should create mutiple asset folders like this..full list......

res/layout/main_activity.xml  // For handsets (smaller than 600dp available width)
res/layout/main_activity.xml  // For handsets (smaller than 600dp available width)
res/layout-sw600dp/main_activity.xml  // For 7” tablets (600dp wide and bigger) 
res/layout-sw720dp/main_activity.xml  // For 10” tablets (720dp wide and bigger)
res/layout-sw600dp-land/main_activity.xml  // For 7” tablets in landscape (600dp wide and bigger)
res/layout-sw720dp-land/main_activity.xml  // For 10” tablets in landscape (720dp wide and bigger)

Solution 5 - Android

"Orientation for preview" dropdown in Android Studio as shown below can help generate quick landscape and tablet layout xmls. It also creates separate folders i.e. layout-land and layout-sw600dp for these layout variations and place the layout xmls within these folders. enter image description here

Solution 6 - Android

This source also providing how to call any resources based on device configurations, like: language, screen width/height, layout direction, screen orientation...etc.

You've to be careful to make a default resource as the source mentioned, like calling high quality of icons for tablets.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionhpiqueView Question on Stackoverflow
Solution 1 - AndroidurSusView Answer on Stackoverflow
Solution 2 - AndroidSakthimuthiahView Answer on Stackoverflow
Solution 3 - AndroidBryan DennyView Answer on Stackoverflow
Solution 4 - AndroidjaigishView Answer on Stackoverflow
Solution 5 - AndroidNafeez QuraishiView Answer on Stackoverflow
Solution 6 - AndroidMohammed AlBannaView Answer on Stackoverflow