设计手机和平板电脑的布局

Question

Okay i am familiar with this site and what it says

http://developer.android.com/guide/practices/screens_support.html

But im still having a problem.

I am designing layouts for phones and tablets from gingerbread to jelly bean.

I had started with a basic layout folder and designed everything for a galaxy nexus phone. now im going back and adding tablets. one question here is should i use layout-xlarge/layout-large or layout-sw600dp/layout-sw720dp? im guessing the smallest width is what i should be using.

But thats not the issue. This issue is im trying to do that layous for Galaxy Nexus (720x1280) and Nexus S (480x800) These are much different yet eclipse doesn't seem to let me differentiate.

So i just want to be clear on what i should be doing to do this right. is this what i should have to cover the devices i want to?

layout-hdpi layout-xhdpi layout-sw600dp (instead of layout-large) layout-sw720dp (instead of layout-xlarge)

will doing those layout-hdpi and layout-xhdpi separate the layouts for a Nexus S and Galaxy Nexus?

Answer 1

First, the layout-sw are based on dp , Density-independent pixels, rather than pixels. You can think of dp as 'actual size' pixels ie, 1dp is the same physical size no matter what device is being used.

Therefore the Galaxy Nexus, which has a 720x1280 pixel screen is only 360x640 dp resolution and there is no overlap between a phone and the higher sw600+ folders.

The large/xlarge buckets will continue to work on all tablets, but if you need finer grained support or alright only using tablet layouts on Android 3.2+ devices, then you only need the sw--dp folders. You can also use both without copy/pasting your XML by using a reference file, as detailed in the below blog post.

More details on how to support multiple screens can be found in Supporting Multiple Screens guide and some of the reasoning behind why you'd want to use the new sw---dp buckets can be found on the Android Developers blog post announcing the feature .

Answer 2

Just use layout-large and layout-xlarge . When you're developing the layouts and want to know what it looks like on a certain device, just change the view and it will pull the appropriate XML from the correct folder.