Currently, the resolution of mobile devices on the market may be one of the following.
No. |
Type |
Width (PX) |
High (PX) |
Popularity |
1. |
Qvga |
320 |
240 |
Popularity |
2. |
Wqvga |
320 |
480 |
Popularity |
3. |
Wqvga2 |
400 |
240 |
Popularity |
4. |
Wqvga3. |
432 |
240 |
Popularity |
5. |
Hvga |
480 |
320 |
Popularity |
6. |
VGA |
640 |
480 |
Popularity |
7. |
WVGA |
800 |
480 |
Popularity |
8. |
Wvga2 |
768 |
480 |
Popularity |
9. |
Fwvga |
854 |
480 |
Popularity |
10. |
Dvga |
960 |
640 |
Popularity |
11. |
Pal |
576 |
520 |
|
12. |
NTSC |
486 |
440 |
|
13. |
Svga |
800 |
600 |
|
14. |
Wsvga |
1024 |
576 |
Popularity |
15. |
XGA |
1024 |
768 |
Popularity |
16. |
Xgaplus |
1152 |
864 |
|
17. |
Hd720 |
1280 |
720 |
|
18. |
Wxga |
1280 |
768 |
Popularity |
19. |
Wxga2 |
1280 |
800 |
Popularity |
20. |
Wxga3. |
1280 |
854 |
|
21. |
Sxga |
1280 |
1024 |
|
22. |
Wxga4 |
1366 |
768 |
|
23. |
Sxgaminus |
1280 |
960 |
|
24. |
Sxgaplus |
1400 |
1050 |
|
25. |
Wxgaplus |
1440 |
900 |
|
26. |
Hd900 |
1600 |
900 |
|
27. |
Wsxga |
1600 |
1024 |
|
28. |
Wsxgaplus |
1680 |
1050 |
|
29. |
Uxga |
1600 |
1200 |
|
30. |
Hd1080 |
1920 |
1080 |
|
31. |
Qwxga |
2048 |
1152 |
|
32. |
Wuxga |
1920 |
1200 |
|
33. |
Txga |
1920 |
1400 |
|
34. |
Qxga |
2048 |
1536 |
|
35. |
Wqhd |
2560 |
1440 |
|
36. |
Wqxga |
2560 |
1600 |
|
37. |
Qsxga |
2560 |
2048 |
|
38. |
Qsxgaplus |
2800 |
2100 |
|
39. |
Wqsxga |
3200 |
2048 |
|
40. |
Quxga |
3200 |
2400 |
|
41. |
Qfhd |
3840 |
2160 |
|
42. |
Wquxga |
3840 |
2400 |
|
43. |
Hd4k |
4096 |
2304 |
|
44. |
Hxga |
4096 |
3072 |
|
45. |
Whxga |
5120 |
3200 |
|
46. |
Hsxga |
5120 |
4096 |
|
47. |
Whsxga |
6400 |
4096 |
|
48. |
Huxga |
6400 |
4800 |
|
49. |
SHV |
7680 |
4320 |
|
50. |
Whuxga |
7680 |
4800 |
|
In the future, devices may have more resolutions. for Android development, we have to think about compatibility issues like the iPhone. Apple needs to consider the compatibility between iPad, iPhone 3gs, and iPhone 4 screens, this is no exception for Android development. More models are considered. However, we may only consider qvga, hvga, WVGA, fwvga, and dvga in general. However, if we leave the phone blank, we may use a tablet like wsvga's 1024x576 and wxga's 1280x768.
From the table above, we can find that there are 14 types of resolutions on the market, including tablets and mobile phones. In Android development and design, many designers have proposed solutions to adapt to multiple resolutions. However, in the end, many manufacturers have defeated them because they have produced devices of different models and resolutions, finally, Google also proposed some solutions, such:
In versions earlier than Android 2.1, there was only one drawable. In Versions later than Android, there were three folders: drawable-mdpi, drawable-ldpi, and drawable-hdpi. These three folders were mainly used to support multi-resolution.
Differences between drawable-hdpi, drawable-mdpi, and drawable-ldpi:
(1) The drawable-hdpi contains high-resolution images, such as WVGA and fwvga.
(2) drawable-mdpi stores medium-resolution images, such as hvga
(3) drawable-ldpi stores low-resolution images, such as qvga
The system will find the corresponding images in these folders according to the machine resolution.
To be compatible with different screens on different platforms, we recommend that you store images of different versions in different folders as needed.
In the folder of drawable-mdpi and drawable-ldpi, there is also such a file, but their sizes are different. When loading the interface, the system automatically finds the appropriate file based on the size of the interface. The send.png file in the drawable-hdpifolder is located.
However, this raises a problem, that is, the workload of the development and design artists will increase, and this can indeed solve the current urgent needs.
For layout, you only need to create different layout folders under the res directory, such as layout-640x360, layout-800x480, all layout files will be written to R after compilation. java, and the system selects the appropriate layout based on the screen size.
For Apple mobile devices, you only need to define the image size according to the device model. For example: iPad, iPhone, iPhone 4S, iPod, etc. Each method puts forward a set of suitable interfaces without considering other factors. After all, Apple's devices are only designed by Apple. Unlike Android, many manufacturers provide devices.