React Native移动开发实战-4-Android平台的适配原理_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > React Native移动开发实战-4-Android平台的适配原理

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

 2017/8/23 23:08:47  andyou  程序员俱乐部  我要评论(0)
  • 摘要:打开Android开发工具AndroidStudio,选择菜单OpenanexistingAndroidStudioproject,打开ch04项目的android文件夹,如图5.8所示。图5.8Android原生项目结构从Android的项目结构,想必读者可以隐约感受到:Android适配是基于文件夹的,不同分辨率和尺寸的屏幕会自动适配相应的文件夹下的布局或资源文件。但是,想要进一步理解Android的适配,有必要先了解Android适配的一些基本概念:屏幕尺寸
  • 标签: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。

                                                     表5.1  Android文件夹后缀命名与像素密度(dp)范围的对应关系

后缀

像素密度(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移动开发实战》

 

上一篇: Swift语言中与C/C++和Java不同的语法(一) 下一篇: 没有下一篇了!
发表评论
用户名: 匿名