Proposal of mobile device interface adaptive compatibility and Solutions

Source: Internet
Author: User

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.