Android Screen Adaptation summary

First, we need to understand a few concepts

1, screen size : That is what we usually say, such as a mobile phone several inches screen. For example, 4.7 inches of apples, 5.5 inches of glory 6. This is said to be in inches (1 inches = 2.54 centimeters).

Calculation method: Screen size = diagonal first dimension (cm)/2.54 (cm)

generally expressed in inches. 1 inch =2.54cm

2. Resolution : The number of pixels displayed on the screen, the more pixels in the unit size, the more clearly the image is displayed.

Resolution 720*1280 indicates that the cell phone has a horizontal orientation of 720 pixels and a vertical direction of 1280.

Now the mainstream resolution has 480 * 800, 720 * 1280, 1080 * 1920.

3, screen density : Indicates how many pixels per inch of the screen.

4. Unit :

px: pixels, a display is composed of a lot of light points, each point of light is a pixel.

DP:andriod is used to describe dimensions and spacing in development.

SP: As with DP, it is used only to describe font size and line spacing.

Screen density	Screen level	Usual resolution	Correspondence relationship
120	ldpi (Low density)		0.75	1dp=0.75px
160	MDPI (medium density)	320*480	1	1dp=1px
240	HDPI (High Density)	480*800	1.5	1dp=1.5px
320	XHDPI (Ultra high Density)	720*1280	2	1dp=2px
480	480 (Ultra clear Density)	1080*1800	3	1dp=3px

second, what kind of resolution to use to design

In principle, the need for different resolutions to separate design, but due to the actual development costs, design costs of various requirements, can be based on the current market share selection models, the main 480*800, 720*1280, 1080*1920 these resolutions, I am currently using 720* 1280 resolution to design, because so far the market share of 720*1280 is relatively high. However, due to the continuous upgrading of technology, the future will certainly adopt 1080*1920 to design, I hope that the small partners can pay attention to the market situation.

Summary: Now still use 720*1280 resolution to design it.

Iii. How many sets of graphs need to be provided

You only need to provide a set of cut graphs.

1.720*1280 is generally used to design. The transduction can be directly adapted to the 720*1280 resolution model.

2.720*1280 under the transduction resources can be adapted to other models, some special cut drawings need to be individually adapted, such as icon and so on.

3. Suitable for the 480*800 model, only need to cut the diagram *0.75.

4. Suitable for 1080*1920 model, only need to *1.5 the cut figure.

5. When fitting 1080*1920, do not abruptly the icon to enlarge 1.5 times times separately. This requires that when drawing under the 720*1280, try to use vector graphics to draw. For example, when the 720*1280 icon is 48px*48px, suitable for 1080*1920 time, 48px*1.5=72px. Adjust the vector graphics to 72px. The development of the cut graph resources, the development will put transduction alone in the xxhdpi file directory, will automatically adapt to 1080*1920.

Also if the adaptation of 480*800, 48px*0.75=32px, the cut diagram to develop, the development will be the cut-off resources in the HDPI directory, will be automatically adapted.

720*1280 under the transduction resources, development is placed in the XHDPI directory.

Note: When designing images, try to design them with even numbers. development can be directly written out as far as possible not to cut pictures.

Iv. How many sets of labels should be provided

You only need to provide a set of annotations.

In principle, separate labeling is required for different resolution, but due to various considerations such as development costs.

Choose 320dpi (resolution: 720*1280) to design at this resolution 1DP=2PX.

Designers to establish a relative unit concept, you can directly use the DP dimension, SP dimension text size;

V. Summary

1. Use 720*1280 resolution for design. (design, with even numerical design, convenient for DP and PX conversion)

2. Start labeling, labeling as far as possible relative position.

3. Cut diagram, first in 720*1280 under the cut diagram, can be fully adapted to the 720*1280 model. transduction Resources

This article is for bloggers original articles, reproduced please indicate the source

Http://www.cnblogs.com/rencm/p/5197140.html

Android Screen Adaptation summary