Android屏幕适配的哪些事

 我来答
约定20125
2017-11-24 · TA获得超过1.5万个赞
知道大有可为答主
回答量:1.1万
采纳率:96%
帮助的人:2809万
展开全部

为了保证用户获得一致的用户体验效果,使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果,则需要我们进行屏幕适配。
基础概念

屏幕尺寸

屏幕尺寸是指屏幕对角线的长度,单位是英寸,1 inch=2.54 cm
屏幕分辨率

手机在横向和纵向上的像素点数总和,单位是像素(pixel),1px = 1像素点,举个栗子,1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点。
屏幕像素密度

每英寸像素点个数,单位是dpi,dots per inch。为简便起见,Android 将所有屏幕密度分组为六种通用密度: 低、中、高、超高、超超高和超超超高。

  • ldpi(低)~120dpi

  • mdpi(中)~160dpi

  • hdpi(高)~240dpi

  • xhdpi(超高)~320dpi

  • xxhdpi(超超高)~480dpi

  • xxxhdpi(超超超高)~640dpi


  • dpi_example.png


  • 屏幕密度无关像素dp(dip)


  • Density Independent Pixels,即密度无关像素。


  • 160dpi, 1dp = 1px

  • 240dpi, 1dp = 1.5px

  • 320dpi, 1dp = 2px

  • 480dpi, 1dp = 3px

  • 640dpi, 1dp = 4px

  • 使用px在低、中、高屏幕密度下的效果



  • density-test-bad.png


  • 使用dp在低、中、高屏幕密度下的效果



  • density-test-good.png


  • 独立比例像素sp


  • Scale Independent Pixels, 即sp或sip。

  • Android开发时用此单位设置文字大小,可根据字体大小首选项进行缩放,推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题,小于12sp的字体会太小导致用户看不清。

  • 屏幕适配之图片适配



  • screens-densities.png


  • 在设计图标时,对于5种主流的像素密度(mdpi,hdpi,xhdpi,xxhdpi和xxxdpi)应按照2:3:4:6:8的比例进行缩放。例如一个启动图片ic_launcher.png,它在各个像素密度文件夹下大小为:


  • ldpi(低)

  • mdpi(中)48*48

  • hdpi(高)72*72

  • xhdpi(超高)96*96

  • xxhdpi(超超高)144*144

  • xxxhdpi(超超超高)192*192

  • 存在的问题



  • 每套分辨率出一套图,为美工或者设计增加了许多工作量

  • 对Android工程文件的apk包变的很大

  • 解决方法


  • Android SDK加载图片流程



  • Android SDK会根据屏幕密度自动选择对应的资源文件进行渲染加载,比如说,SDK检测到你手机的分辨率是xhdpi,会优先到xhdpi文件夹下找对应的图片资源;

  • 如果xhdpi文件夹下没有图片资源,那么就会去分辨率高的文件夹下查找,比如xxhdpi,直到找到同名图片资源,将它按比例缩小成xhpi图片;

  • 如果往上查找图片还是没有找到,那么就会往低分辨率的文件夹查找,比如hdpi,直到找到同名图片资源,将它按比例放大成xhpi图片。

  • 根据加载图片的流程,可以得出理论上提供一套图片就可以了。

  • 那么应该提供哪种分辨率规格呢?


  • 原则上越高越好,同时结合当前主流分辨率屏幕

  • 自动拉伸图片



  • ninepatch_raw.png



  • ninepatch_examples.png


  • 屏幕适配之布局适配


  • 布局参数


  • 使用wrap_content, match_parent, layout_weight。

  • weight的使用


weight的计算

宽度 = 原来宽度   权重比值 * 剩余宽度

  • 当layout_width为0dp,layout_weight分别是1和2
    第一个按钮:宽度 = 0   1/3 * 屏宽 = 1/3屏宽
    第二个按钮:宽度 = 0   2/3 * 屏宽 = 2/3屏宽

  • 当layout_width为match_parent, layout_weight分别是1和2
    第一个按钮:宽度 = 屏宽   1/3 (屏宽 - 2 屏宽) = 2/3屏宽
    第二个按钮:宽度 = 屏宽   2/3 (屏宽 - 2 屏宽) = 1/3屏宽

  • 布局使用


  • 使用相对布局,禁用绝对布局。

  • 限定符


  • 尺寸限定符



  • 在手机较小的屏幕上,加载layout文件夹布局

  • 在平板电脑和电视的屏幕(>7英寸)上, 加载layout-large文件夹的布局

  • Android3.2版本之前

  • 最小宽度限定符



  • 在手机较小的屏幕上,加载layout文件夹布局

  • 标准7英寸平板(其最小宽度为 600 dp),加载layout-sw600dp文件夹的布局

  • 在Android3.2版本及之后版本

  • 布局别名



  • 适配手机的单面板(默认)布局:res/layout/activity_main.xml

  • 适配尺寸>7寸平板的双面板布局(Android 3.2前):res/layout-large/activity_main.xml

  • 适配尺寸>7寸平板的双面板布局(Android 3.2后):res/layout-sw600dp/activity_main.xml

  • 最后的两个文件的xml内容是完全相同的,这会带来:文件名的重复从而带来一些列后期维护的问题,修改一个文件,可能忘记修改另外一个。于是为了要解决这种重复问题,我们引入了布局别名。


  • 适配手机的单面板(默认)布局:res/layout/activity_main.xml

  • 适配尺寸>7寸平板的双面板布局:res/layout/activity_twopanes.xml

  • res/values/layout.xml
    <?xml version="1.0" encoding="utf-8"?>  <resources>      <item name="main" type="layout">@layout/activity_main</item>  </resources>

  • res/values-large/layout.xml
    <?xml version="1.0" encoding="utf-8"?>  <resources>      <item name="main" type="layout">@layout/activity_twopanes</item>  </resources>

  • res/values-sw600dp/layout.xml
    <?xml version="1.0" encoding="utf-8"?>  <resources>      <item name="main" type="layout">@layout/activity_twopanes</item>  </resources>

  • setContentView(R.layout.main);

  • 屏幕方向限定符



  • res/layout-land

  • res/layout-port

  • res/layout-sw600dp-land

  • res/layout-sw600dp-port

  • 屏幕适配之dimen适配



  • Nexus 4 (4.7英寸 768x1280:xhdpi)


  • dimen_example1.png



  • Nexus S (4英寸 480x800:hdpi)


  • dimen_example2.png


  • 即使使用dp,依然不能解决屏幕分辨率的适配问题,我们可以针对不同的屏幕创建不同的dimen值。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式