Recently, I tried to develop an Android application according to the UX design sketch. I encountered some size problems in the middle, record them.
UX is designed with sketch and uploaded to Blue Lagoon, using 1x image 360dp. (Usually 1x image is 360dp for Android, and 375dp for Apple). The upper right corner of Blue Lake can be adjusted for other images.
At present, the test mobile phone I received is Huawei P40, refer to
Talk about Android screen related information - dev sunny blog - CSDN blog
The mobile phone can be printed out, with a width of 1080px, a height of 2211px, and a relative density of 3
Android design specification by learning video_Basics
(Part 1)_哔哩哔哩_bilibili
Learned:
Common Android sizes:
720*1280px 1080*1920px
and common formulas:
720 screens: 1dp=1sp=2px
1080 screens: 1dp=1sp=3px
Therefore, the P40 mobile phone is the latter, and the width can be developed according to the blue lake 1 times image 360dp, and the actual pixels are multiplied by 3. The remaining question is whether to cut px pixels according to 3 times the image.
Finally, I watched this video explaining UI design Android size design specifications_哔哩哔哩_bilibili
It is planned to standardize the height of the application bar, tab bar, and bottom navigation bar according to this size. UX is not necessarily standard