<span id="Label3"></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 14pt;"><strong>first, we need to understand a few concepts</strong></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">1, <span style="color: #0000ff;">Screen Size</span> : 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).</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">Calculation method: Screen size = Diagonal First Dimension (cm)/2.54 (cm)</span></p></p><p style="margin-left: 120px;"><p style="margin-left: 120px;"></p></p><p style="text-align: center;"><p style="text-align: center;"></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">generally expressed in Inches. 1 inch =2.54cm</span></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">2. <span style="color: #0000ff;">Resolution</span> : The number of pixels displayed on the screen, the more pixels in the unit size, the more clearly the image is Displayed.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">Resolution 720*1280 indicates that the cell phone has a horizontal orientation of 720 pixels and a vertical direction of 1280.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">Now the mainstream resolution has 480 * 800, 720 * 1280, 1080 * 1920.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">3, <span style="color: #0000ff;">screen density</span> : Indicates how many pixels per inch of the Screen.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">4. <span style="color: #0000ff;">Unit</span> :</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"><strong>px:</strong> pixels, A display is composed of a lot of light points, each point of light is a pixel.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"><strong>dp:</strong>andriod is used to describe dimensions and spacing in Development.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"><strong>sp:</strong> As with dp, it is used only to describe font size and line spacing.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"></p></p> <table style="float: left; height: 187px; width: 731px;" border="0" align="center"> <tbody> <tr> <td style="text-align:center; margin-left:120px;"><span style="font-family: ' Microsoft yahei ';"> screen density </span> </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft yahei ';"> Screen level </span> </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei ';" the usual resolution < span> </span></td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei '; "> correspondence </span> </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei ';" < span> </span></td> </tr> <tr style="margin-left: 60px;"> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei '; "> 120 </span> </td> <td style="text-align:center; margin-left:60px;"> <span style="font-family: ' Microsoft yahei ';"> ldpi (low density) </span> </td> <td style="margin-left:60px;"><span style="font-family: ' Microsoft yahei ';"> </span> </td> <td style=" margin-left:60px; text-align:center; "><span style="font-family: ' Microsoft yahei ';">0.75 </span> </td> <td style="font-family: ' Microsoft yahei ';" <span>1dp=0.75px </td> </tr> <tr style="margin-left: 60px;"> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei '; "> 160 </span> </td> <td style="text-align:center; margin-left:60px;"> <span style="font-family: ' Microsoft yahei ';"> mdpi (medium density) </span> </td> <td style="text-align:center; margin-left:60px; ><span style=" font-family: ' microsoft yahei '; "> 320*480 </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft yahei ';">1 </span> </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft yahei ';">1dp=1px <br> </span> </td> </tr> <tr style="margin-left: 60px;"> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei '; "> 240 </span> </td> <td style="text-align:center; margin-left:60px;"> <span style="font-family: ' Microsoft yahei ';"> hdpi (high density) </span> </td> <td style="text-align:center; margin-left:60px; ><span style=" font-family: ' microsoft yahei '; "> 480*800 </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft yahei ';">1.5 </span> </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft yahei ';">1DP =1.5px </span> </td> </tr> <tr style="margin-left: 60px;"> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei '; "> 320 </span> </td> <td style="text-align:center; margin-left:60px;"> <span style="font-family: ' Microsoft yahei ';"> xhdpi (ultra high Density) </span> </td> <td style="text-align:center; margin-left:60px; ><span style=" font-family: ' microsoft yahei '; "> 720* </td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei ';" 2 < span> </span></td> <td style="text-align:center; margin-left:60px;"><span style="font-family: ' Microsoft Yahei ';" 1dp="2px" < span> </span></td> </tr> <tr style="margin-left: 60px;"> <td style="text-align: center; margin-left: 60px;"><span style="font-family: ‘Microsoft YaHei‘;">480</span></td> <td style="text-align: center; margin-left: 60px;"><span style="font-family: ‘Microsoft YaHei‘;">480 (ultra Clear Density)</span></td> <td style="text-align: center; margin-left: 60px;"><span style="font-family: ‘Microsoft YaHei‘;">1080*1800</span></td> <td style="text-align: center; margin-left: 60px;"><span style="font-family: ‘Microsoft YaHei‘;">3</span></td> <td style="text-align: center; margin-left: 60px;"><span style="font-family: ‘Microsoft YaHei‘;">1dp=3px</span></td> </tr> </tbody> </table><p style="text-align: left; margin-left: 30px;"><p style="text-align: left; margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p style="text-align: left; margin-left: 30px;"><p style="text-align: left; margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"><strong style="font-family: ‘Microsoft YaHei‘; font-size: 14pt; line-height: 1.5;"></strong></span></p></p><p style="text-align: left;"><p style="text-align: left;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p style="text-align: left;"><p style="text-align: left;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p style="text-align: left;"><p style="text-align: left;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p style="text-align: left;"><p style="text-align: left;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><span style="font-family: ‘Microsoft YaHei‘; font-size: 14pt;"><span style="font-family: ‘Microsoft YaHei‘; font-size: 14pt;"><strong>second, What kind of resolution to use to design</strong></span></span><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">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.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 16px;">Summary: now still use 720*1280 resolution to design it.</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 14pt;">Iii. <strong>How many sets of graphs need to be provided</strong></span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">You only need to provide a set of cut graphs.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">1.720*1280 is generally used to DESIGN. The transduction can be directly adapted to the 720*1280 resolution MODEL.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">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.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">3. Suitable for the 480*800 model, only need to cut the diagram *0.75.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">4. Suitable for 1080*1920 model, only need to *1.5 the cut Figure.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">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.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">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.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;">720*1280 under the transduction resources, development is placed in the xhdpi directory.</p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"><strong>Note: when designing images, try to design them with even Numbers. <strong>development can be directly written out as far as possible not to cut Pictures. </strong></strong></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-size: 14pt; font-family: ‘Microsoft YaHei‘;">Iv. <strong>How many sets of labels should be provided</strong></span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-size: 16px; font-family: ‘Microsoft YaHei‘;">You only need to provide a set of Annotations.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">In principle, separate labeling is required for different resolution, but due to various considerations such as development costs.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">Choose 320dpi (resolution: 720*1280) to design at this resolution 1DP=2PX.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">Designers to establish a relative unit concept, you can directly use the DP dimension, SP Dimension Text size;</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘; font-size: 14pt;">V. Summary</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">1. Use 720*1280 resolution for DESIGN. (design, with even numerical design, convenient for DP and PX Conversion)</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">2. Start labeling, labeling as far as possible relative Position.</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;">3. Cut diagram, first in 720*1280 under the cut diagram, can be fully adapted to the 720*1280 model. transduction Resources</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;">This article is for bloggers original articles, reproduced please indicate the source</span></p></p><p><p><span style="font-family: ‘Microsoft YaHei‘;">Http://www.cnblogs.com/rencm/p/5195786.html</span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p style="margin-left: 30px;"><p style="margin-left: 30px;"><span style="font-family: ‘Microsoft YaHei‘;"></span></p></p><p><p>Android Screen Adaptation summary</p></p></span>
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.