Learning notes: App transduction-Details Android and iOS platforms

Learning notes: App transduction-Details Android and iOS platforms

Reprinted from: http://www.woofeng.cn/articles/168.html Copyright belongs to the original author all

Ya Ru has lee

Original address: http://blog.boocss.com/app-android-ios/

One. Android version

In the Android version of the design, there are many sizes, then we want to use a size as the benchmark, then the benchmark size is 480px*800px, after the completion of the plan to start cutting diagram

To be aware of:

A:android mainly has 3 kinds of screens, namely:

QVGA and WQVGA screen density=120;

HVGA screen density=160;

WVGA screen density=240;

In the B:APK resource bundle,

Resources that use HDPI tags when the screen is density=240

Resources that use MDPI tags when the screen is density=160

Use ldpi tags when the screen is density=120;

C: We mark the PX, but the technical algorithm is DP, so need PX and DP conversion, PX and DP conversion is mainly related to density, when density density=160 namely (screen size: 320*480), 1PX=1DP; when density density= 240 that is (screen size: 480*800), 1PX=0.75DP, when the size of the screen is larger than 480*800, the density is calculated according to 240, when the density density=120 (screen size: 240*320), this is now almost no one to use, So I don't know the conversion formula, if you know, you can leave a message to tell me AH--

Note: Because we do is based on 480*800 size, we all know that the size of Android is too much, to adapt to the current popular size, such as: 640*960;720*1280, the only solution is that the icon can be made according to different sizes, that is, the icon needs to do 480 , 640 and 720 a total of 3 sets of icons, but if your product requirements are not strict, do a set can be, but in larger than 480 size of the screen some of the icons have been greatly changed--

Screen density	APK's Resource bundle	Conversion of PX and DP	Screen size
QVGA and WQVGA Screen 120	ldpi	-	240*320
HVGA Screen density 160	mdpi	1px=1dp	320*480
WVGA Screen 240	hdpi	1px=0.75dp	480*800

Two. iOS version

To be aware of:

A: We mark the size is pixel px, technology over the actual use of technology is half of the pixel, that is, half of the pixels = technical dimensions; For example: "Classification" 2 words, I standard is 36px, technology that size is 18px;

B: All text, the dimensions of the line spacing are even; because the technology is divided by our size by 2;

C: Color Labeling Some technical requirements 16, some technical requirements RGB, due to the limitations of the page so I only labeled 16 binary, press 16 and RGB are labeled the best-

Note: As we do based on 640*960 size, iOS has a total of 3 sets of sizes, because the width of the 640*960 and 640*1136 is constant, so the icon is not changed to re-cut, but the line spacing needs to be adjusted; 320*480 is half the size of 640*960, So the technology can be done according to the size of the 640 you have labeled--

　　Three. The conversion relationship between Android and iOS

1. Because the size of iOS is 640*960,android when density equals 120 (320*480), 1PX=1DP, so the conversion between Android and iOS callout pixels is off: iOS pixel size *1/2=android dp size;

2. If your product is Android and iOS at the same time, you only want to mark a set of dimensions, you can mark the iOS version to calculate.

In the iOS version of the design, there are 3 sizes, namely: 320*480, 640*960, 640*1136; At this point we want to use a size as the benchmark, then the reference size is 640px*960px, after the completion of the plan to start cutting,

Learning notes: App transduction-Details Android and iOS platforms