React Native移动开发实战-4-Android平台的适配

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React Native移动开发实战-4-Android平台的适配脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

打开AndROId开发工具Android Studio,选择菜单 OPEn an existing AndroidStudio PRoject,打开ch04项目的android文件夹,如图5.8所示。

图片描述

图5.8 Android原生项目结构


从Android的项目结构,想必读者可以隐约感受到:Android适配是基于文件夹的,不同分辨率和尺寸的屏幕会自动适配相应的文件夹下的布局或资文件。但是,想要进一步理解Android的适配,有必要先了解Android适配的一些基本概念:

  • 屏幕尺寸:屏幕尺寸是指手机屏幕对角线的英寸数。
  • 屏幕分辨率:屏幕分辨率是指屏幕高像素数。
  • 屏幕像素密度:屏幕像素密度是指手机屏幕对角线上单位英寸内的像素数。

另外,编写代码时常用的尺寸单位有:

  • px:像素。
  • dp(dip的缩写):规定密度为160的屏幕上,1像素对应的尺寸为1dp。320密度的屏幕上,1像素对应0.5dp,以此类推。在密度为160的屏幕上,1英寸有160个像素,那么
    px对应的尺寸=1/160英寸。所以说dp是个物理尺寸,跟像素无关。所以,100dp的尺寸在不同手机上显示出来,物理尺寸看上去基本是一样的。
  • sp(Scale-independentPixel),即与缩放无关的抽象像素。sp和dp很类似但唯一的区别是,Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等),当文字尺寸是“正常”时,1sp=1dp=0.00625英寸,而当文字尺寸是“大”或“超大”时,1sp>1dp=0.00625英寸。

在创建项目的时候,会自动创建不同的mipmap或layout文件夹(在不同像素密度上提供不同的图片),文件夹的后缀表明了该布局或资源的像素密度(dp)范围,对应关系如下参见5.1。

后缀 像素密度(dp)的范围
mdpi 120dp ~ 160dp
hdpi 160dp ~ 240dp
xhdpi 240dp ~ 320dp
xxhdpi 320dp ~ 480dp
xxxhdpi 480dp ~ 640dp


对于上述Android项目中的mipmap文件夹,Android的适配机制是这样的:系统会先到后缀与设备匹配的mipmap目录下找对应的图片,当找不到的时候会去“更高”一级的目录去找,再找不到,继续往高一级的找,如果还是找不到就退而求其次去低一级的找,依次类推。

例如:在密度为xxhdpi的手机上运行Android App,首先会在drawable-xxhdpi目录下寻找图片资源,找不到再去drawable-xxxhdpi找,如果没有比drawable-xxxhdpi更高的,则再找不到就去drawable-xhdpi找,接着drawable-hdpi,直到找到对应的图片资源,当找到后,系统会按密度对图片做缩放处理,然后再显示到屏幕上,所以如果图片放的目录不正确的话,有可能造成图片因缩放而变得模糊。

同样,用于存放布局文件的layout目录也是通过后缀名来适配的,只不过layout文件夹通常添加设备分辨率作为后缀,如:layout-1280x720、layout-1920X1080以及layout-land-1280x720等。

不难看出,以上适配方法和上述iOS开发中的Size Class是类似的:用于分类适配.

和我一起学吧,《React Native移动开发实战》
图片描述

React Native移动开发实战-4-Android平台的适配

脚本宝典总结

以上是脚本宝典为你收集整理的React Native移动开发实战-4-Android平台的适配全部内容,希望文章能够帮你解决React Native移动开发实战-4-Android平台的适配所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。