Proposal of mobile device interface adaptive compatibility and Solutions

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.