Layout for tablets in Android

StackOverflow https://stackoverflow.com/questions/4185507

  •  10-10-2019
  •  | 
  •  

Question

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?

Was it helpful?

Solution

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)

OTHER TIPS

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

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.

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)

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.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top