User interface design for various screen resolutions

Question

I am developing a user interface for the application, I have included all the images in hdpi, ldpi and mdpi drawable folders. It works fine for a small screen resolution, but it has a blurry image for a large screen, which I mean for a resolution of 480X800, how can I fix it

Answer 1

There are special Android API calls that can tell you during operation what density and (small / large / normal) screen size the phone has. However, as a developer, we do not need to worry about individual phones at all. All we need to do is have ldpi / mdpi / hdpi assets and small / normal / large layouts in apk. Android internally handles everything.

Remember to get a deep understanding of how Android determines which assets to use and overlay like this .

Definitions:

xlarge screens of at least 960dp x 720dp.

Large screens of at least 640dp x 480dp.

normal screens at least 470dp x 320dp.

small screens of at least 426dp x 320dp. (Android does not currently support screens smaller than this.)

Here are some more examples of how this works with real screens:

The QVGA screen has a size of 320x240 ldpi. Converting to mdpi (4/3 scaling factor) gives us 426dp x 320dp; this corresponds to the minimum size specified above for a small screen.

Xoom is a typical 10-inch tablet with a 1280x800 mdpi screen that puts it in the square of the xlarge screen.

Dell Streak - 800x480 mdpi screen. This places it at the bottom of a large bucket.

A typical 7-inch tablet has a screen of 1024x600 mdpi. It is also considered a large screen.

Answer 2

You need to adjust the size or resolution of the image in each folder, depending on the size of each folder. Placing an image in each available folder does not mean that it will automatically change.

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

Answer 3

First add the appropriate resolutions, that is, 32X32 48X48 64X64 128X128 and 256X256 to the appropriate folders, and if you still get a blurry image, change the resolution of the image in the folder with the ability to enlarge to a high resolution image.

Answer 4

You also need to check the image density. Take a look at table 1 in this link, and you will need to do your schedule as they say.

xhdpi: resources for high density screens (xhdpi) (~ 320 dpi).

Screen support

Answer 5

You must include 320 dpi images in the xhdpi folder.

Answer 6

Let's look at some XML. Are you using dip correctly for measurements? Do you use match_parent when you should use wrap_content? Is it hard to say for sure without seeing what you are trying?