美文网首页
屏幕适配

屏幕适配

作者: jacky123 | 来源:发表于2016-06-15 08:25 被阅读48次

前言

dp 能够让同一数值在不同的分辨率展示出大致相同的尺寸大小。但是当设备的尺寸差异较大的时候,就无能为力了。适配的问题还需要我们自己去做。

常见手机屏幕像素及对应分辨率级别

|密度类型 |代表的分辨率(px)| 屏幕像素密度(dpi) |换算关系 |比例|
| ------------- |:-------------:| -----:|
|低密度(ldpi)| 240320 |120 |1dp=0.75px|3|
|中密度(mdpi)| 320
480 |160| 1dp=1.0px| 4
|高密度(hdpi) |480800| 240 |1dp=1.5px |6
|超高密度(xhdpi) |720
1280| 320| 1dp=2.0px| 8
|超超高密度(xxhdpi) |1080*1920| 480| 1dp=3.0px |12|

适配的tips:

  • 多用match_parent
  • 在LinearLayout 中多用weight,在RelativeLayout多用位置关系
  • 自定义view解决
  • 尽量不要给控件的宽高写死
  • 使用Size限定符,在不同条件下加载不同的布局
  • 使用Smallest-width限定符

使用Size限定符有一个问题会让很多程序员感到头疼,large到底是指多大呢?很多应用程序都希望能够更自由地为不同屏幕设备加载不同的布局,不管它们是不是被系统认定为"large"。这就是Android为什么在3.2以后引入了"Smallest-width"限定符。
Smallest-width限定符允许你设定一个具体的最小值(以dp为单位)来指定屏幕。例如,7寸的平板最小宽度是600dp,所以如果你想让你的UI在这种屏幕上显示two pane,在更小的屏幕上显示single pane,你可以使用sw600dp来表示你想在600dp以上宽度的屏幕上使用two pane模式。

  • 使用布局别名
    Smallest-width限定符仅在Android 3.2及之后的系统中有效。因而,你也需要同时使用Size限定符(small, normal, large和xlarge)来兼容更早的系统。例如,你想手机上显示single-pane界面,而在7寸平板和更大屏的设备上显示multi-pane界面.
  • 使用Orientation限定符
    有些布局会在横屏和竖屏的情况下都显示的很好,但是多数情况下这些布局都可以再调整的。比如横竖的布局不一样。

res/values-sw600dp-land/layouts.xml:
res/values-sw600dp-port/layouts.xml:

  • 使用Nine-Patch图片
    支持不同屏幕大小通常情况下也意味着,你的图片资源也需要有自适应的能力

参考资料

  1. 郭霖的 Android官方提供的支持不同屏幕大小的全部方法

相关文章

  • 屏幕适配总结

    屏幕适配总结 为什么要针对屏幕做适配 drawable目录常见问题 : 屏幕适配方案:

  • Android屏幕适配-应用篇

    目录 Android屏幕适配-基础篇Android屏幕适配-应用篇 Android屏幕适配最主要的原因:  是由于...

  • 屏幕适配的那些坑

    屏幕适配的那些坑 屏幕适配的那些坑

  • LayaAir屏幕适配

    LayaAir屏幕适配 官方教程链接:LayaAir实战开发11-屏幕适配 屏幕适配 随着移动端设备(手机、平板、...

  • she

    1.适配的分类 系统适配 屏幕适配 1.1屏幕适配历史 1.1.1autoresizing 去掉auto layo...

  • Android屏幕适配

    一. 为什么要适配屏幕 android屏幕大小、屏幕密度碎片化严重 二. 怎么样适配屏幕 图片适配 应用图标提供不...

  • 屏幕适配AutoResizing

    适配器简介 AutoResizing 屏幕适配的历史 -iPhonestyGS\IPhone4 -没有屏幕适配可言...

  • css media 适配屏幕宽度

    H5 屏幕适配 css media 适配屏幕宽度;js 通过 适配获取屏幕宽度,来执行对应方法; max-widt...

  • 关于iOS适配的一点事

    屏幕适配及文字适配

  • Android屏幕适配(4)常见:第三种

    前言:Android屏幕适配(1)基础知识篇Android屏幕适配(2)常见:第一种Android屏幕适配(3)常...

网友评论

      本文标题:屏幕适配

      本文链接:https://www.haomeiwen.com/subject/obnudttx.html