Android适配全攻略（学习笔记总结）

最新推荐文章于 2022-03-28 19:28:58 发布
最新推荐文章于 2022-03-28 19:28:58 发布
阅读量2.1k 收藏 6
点赞数 2
分类专栏： android开发 学习心得 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuyinlei/article/details/51036666
版权

一、为什么要进行屏幕适配

某厂商统计如下数据
  • 2012年，支持Android的设备共有3997种
  • 2013年，支持Android的设备共有11868种
  • 2014年，支持Android的设备共有18796种
  • 2015年，支持Android的设备的共有24093种
  • http://www.sfw.cn/xinwen/471726.html（2015年统计，里面包含android设备，厂家，碎片化）

二、屏幕适配对象

我们到底应该对哪些屏幕进行适配
  • 首先来看下最新的Android设备分辨率（2016年）
进行适配的还是以上的主流的几个分辨率

三、重要概念

(1)、什么是屏幕尺寸、屏幕分辨率、屏幕像素密度
屏幕尺寸
  • 屏幕尺寸指屏幕的对角线的长度
  • 单位是英寸，1英寸=2.54厘米
屏幕分辨率
  • 屏幕分辨率是指横纵向撒花姑娘的像素点数
  • 单位是px ，1px=1个像素点
  • 一般以纵像素*横向像素，如1920*1080
屏幕像素密度
  • 屏幕像素密度是指每英寸上的像素点数
  • 单位是dpi，即“dot per inch”的缩写
  • 屏幕像素密度与屏幕尺寸和屏幕分辨率有关
  • 如Nexus 5
    • 屏幕4.95
    • 1920*1080
    • 445dpi 1920^2+1080^2 进行开方 然后除以对角线长度4.95 等于445
(2)、什么是dp，dip，dpi，sp、px ?之间的关系是什么？
px
  • 构成图像的最小单位
dp 、dip
  • Density Independent Pixels的缩写，即密度无关像素
  • 以160dpi为基准，1dpi = 1px
sp
  • 即Scale-Independent Pixels
  • 可以根据文字大小首选项进行缩放
  • 绝大部分用于文字的大小推荐12sp、14sp、18sp、22sp
(3)、什么是mdpi、hdpi、xdpi、xxdpi、xxxdpi？如何计算和区分？

在新创建项目的时候，会自动创建不同的drawable或者mipmap文件夹（在不同像素密度上提供不同的图片）
或者不同的value下面（在不同像素密度提供不同的值）dimens.xml（这个放在不同的values下面）

名称像素密度范围
mdpi120dpi-160dpi
hdpi160dpi-240dpi
xhdpi240dpi-320dpi
xxhdpi320dpi-480dpi
xxxhdpi480dpi-640dpi

四、解决方案

支持各种屏幕尺寸
  • 使用wrap_content、match_parent、weight
   <Button
       android:text="button1"
       android:layout_width="0dp"
       android:layout_weight="1"
       android:layout_height="wrap_content" />

    <Button
        android:text="button2"
        android:layout_width="0dp"
        android:layout_weight="2"
        android:layout_height="wrap_content" />


如果是下面的match_parent的情况

   <Button
       android:text="button1"
       android:layout_width="match_parent"
       android:layout_weight="1"
       android:layout_height="wrap_content" />

    <Button
        android:text="button2"
        android:layout_width="match_parent"
        android:layout_weight="2"
        android:layout_height="wrap_content" />


这里就介绍一下：

  • weight
    计算出的宽度 = 原来的宽度 + 剩余空间所占百分比宽度
    假设屏幕的宽度是L
BUTTON1为例 （第二种的0dp宽度）
1/3L   --> 0 + （L） * 1/3  = 1/3L
BUTTON1为例 （第二种的match_parent）
2/3L   --> L + （L-2L） * 1/3  = 2/3L

通过以上的算法，就知道了为啥上面的两个图的显示大小了，同时高度也是同样的适用。

  • 使用相对布局，禁用绝对布局
    • 一般使用线性布局LinearLayout、相对布局RelativeLayout、帧布局FrameLayout，不使用绝对布局AbsoluteLayout
  • 使用限定符
    • 使用尺寸限定符（android3.2之前）
res/layout/main.xml 单面板

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>

res/layout-large/main.xml 双面板   (当运行到平板的时候，就会选用下面的布局（大于7英寸）)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>
* 使用最小宽度限定符（android3.2之后）

res/layout/main.xml，单面板（默认）布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>

res/layout-sw600dp/main.xml，双面板布局：  Small Width 最小宽度(宽或者高最小的一边大于600dp就是用以下布局)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>

如果适配android3.2之前，要有以上的两个维护布

* 使用布局别名

使用布局别名

res/layout/main.xml:            单面板布局
res/layout-large/main.xml:      多面板布局
res/layout-sw600dp/main.xml:    多面板布局


多面板布局共同部分抽取出来，生成main_twopanes文件
res/layout/main.xml             单面板布局
res/layout/main_twopanes.xml    双面板布局

setContentView(R.layout.main);

默认布局
res/values/layout.xml:
<resources>
    <item name="main" type="layout">@layout/main</item>
</resources>

Android3.2之前的平板布局
res/values-large/layout.xml:
<resources>
    <item name="main" type="layout">@layout/main_twopanes</item>
</resources>

Android3.2之后的平板布局
res/values-sw600dp/layout.xml:
<resources>
    <item name="main" type="layout">@layout/main_twopanes</item>
</resources>
* 使用屏幕方向限定符

使用屏幕方向限定符

res/values-sw600dp-land/layouts.xml:
<resources>
    <item name="main" type="layout">@layout/main_twopanes</item>
</resources>

res/values-sw600dp-port/layouts.xml:
<resources>
    <item name="main" type="layout">@layout/main</item>
</resources>
小屏幕，纵向：1.单面板
小屏幕，横向：单面板
7 英寸平板电脑，纵向：2.单面板，带操作栏
7 英寸平板电脑，横向：3.双面板，宽，带操作栏
10 英寸平板电脑，纵向：4.双面板，窄，带操作栏
10 英寸平板电脑，横向：双面板，宽，带操作栏
电视，横向：双面板，宽，带操作栏
1.res/layout/onepane.xml:(单面板)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>
2.res/layout/onepane_with_bar.xml:(单面板带操作栏)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout android:layout_width="match_parent"
                  android:id="@+id/linearLayout1"  
                  android:gravity="center"
                  android:layout_height="50dp">
        <ImageView android:id="@+id/imageView1"
                   android:layout_height="wrap_content"
                   android:layout_width="wrap_content"
                   android:src="@drawable/logo"
                   android:paddingRight="30dp"
                   android:layout_gravity="left"
                   android:layout_weight="0" />
        <View android:layout_height="wrap_content"
              android:id="@+id/view1"
              android:layout_width="wrap_content"
              android:layout_weight="1" />
        <Button android:id="@+id/categorybutton"
                android:background="@drawable/button_bg"
                android:layout_height="match_parent"
                android:layout_weight="0"
                android:layout_width="120dp"
                style="@style/CategoryButtonStyle"/>
    </LinearLayout>

    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>
3.res/layout/twopanes.xml:(双面板，宽布局)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>
4.res/layout/twopanes_narrow.xml:(双面板，窄布局)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="200dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>
1.res/values/layouts.xml:
<resources>
    <item name="main_layout" type="layout">@layout/onepane_with_bar</item>
    <bool name="has_two_panes">false</bool>
</resources>
2.res/values-sw600dp-land/layouts.xml:
<resources>
    <item name="main_layout" type="layout">@layout/twopanes</item>
    <bool name="has_two_panes">true</bool>
</resources>
3.res/values-sw600dp-port/layouts.xml:
<resources>
    <item name="main_layout" type="layout">@layout/onepane</item>
    <bool name="has_two_panes">false</bool>
</resources>
4.res/values-large-land/layouts.xml:
<resources>
    <item name="main_layout" type="layout">@layout/twopanes</item>
    <bool name="has_two_panes">true</bool>
</resources>
5.res/values-large-port/layouts.xml:
<resources>
    <item name="main_layout" type="layout">@layout/twopanes_narrow</item>
    <bool name="has_two_panes">true</bool>
</resources>
支持各种屏幕密度

  • 1、使用非密度制约像素

    • 使用sp来控制文字的大小

    • 使用dp来控制布局控件的位置(这里有坑，看看下面)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorAccent"
    android:orientation="vertical">

    <Button
        android:layout_width="150dp"
        android:background="@android:color/holo_blue_dark"
        android:layout_height="match_parent" />

    <Button
        android:layout_width="200dp"
        android:layout_alignParentRight="true"
        android:background="@android:color/darker_gray"
        android:layout_height="match_parent" />
</RelativeLayout>

由此可知，虽然我们已经使用了dp（密度无关）但是显示还是不能达到统一的效果

问题的关键所在—>各种设备的宽度不是一致的，即使使用dp，也是会有误差的。
解决思路—>不使用dp
多个values下面提供不同的dp值，（必须为每一种设备提供对应的资源文件，如果没有，就去默认的资源文件里面查找），但这个最终还是以px为单位的，这个就要自己斟酌了。
* 2、提供备用位图
* 不同的屏幕密度提供相匹配的图片
* 但是为了打包的小，一般还是一套图，一些比较重要的匹配的，可以多切几套图
* 使用和设备相符合的，使用的内存占用是最小的

实施自适应用户界面流程
  • 1、确定当前布局
  • 2、根据当前布局做出响应
  • 3、重复使用其他活动中的片段
  • 4、处理屏幕配置变化
最佳实践
  • 关于高清设计图尺寸
  • 动态设置
    • 在使用popupwindow的时候动态设置布局
若兰明月
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 10 适配攻略小结
08-24
主要介绍了Android 10 适配攻略小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Android：最全面&详细的性能优化攻略（含内存优化、内存泄漏、绘制优化、布局优化、图片优化、APK优化、多线程优化、列表优化等）
https://juejin.cn/user/1654096907477549/posts
10-16 2599
前言：佛教中有一句话：初学者的心态，拥有初学者心态是件了不起的事情。真正的大师永远怀有一颗学徒的心。 一、概述 在Android中，性能优化非常重要，因为这决定这一个APP的质量好坏，一个更快更稳更省的app能给用户更优秀的体验。 更快：App流畅不卡顿，快速响应； 更稳：App稳定运行，程序不崩溃（Crash）和无响应（ANR）； 更省：节省资...
android的资源限定符的使用
TonyJiang08的专栏
03-10 5771
1. Screenorientation屏幕朝向（port纵向，land横向）。 2.Screen pixel density屏幕像素密度（ldpi, mdpi, hdpi, xhdpi, nodpi） 3.Screen size(small, normal, large, xlarge) 4.smallest Width, available width, available height
安卓 Android方向就业 保姆级最全准备攻略
m0_54562681的博客
03-28 2839
求职规划 学习规划(todo:自主化//要求 可改正 ) 时间点 ​ 时间 内容 大二下 实习准备 暑假 中小厂实习 大三上 脱产实习(1.询问先例 正规性 /非正规性 ) 大三下学期 春招实习 暑假 暑假正式实习 大四上学期 秋招（9月-11月）(正式秋招,实习转正) 大四下学期 春招补录（3月-5月) 需要 学习基础–>写项目—>找实习—>找工作 写简历(技术栈 写项目 比赛获奖) -->准备笔试 -->准备面试 -->
Android AutoLayout全新的适配方式 堪称适配终结者
dawuafang
11-23 1078
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/49990941； 本文出自:【张鸿洋的博客】 一、概述 相信Android的开发者对于设配问题都比较苦恼，Google官方虽然给出了一系列的建议，但是想要单纯使用这些建议将设备很轻松的做好，还是相当困难的。个人也比较关注适配的问题，之前也发了几篇关于适配的...
Android 屏幕适配方案
weixin_34293141的博客
05-04 3232
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/45460089； 1、概述 大家在Android开发时，肯定会觉得屏幕适配是个尤其痛苦的事，各种屏幕尺寸适配起来蛋疼无比。如果我们换个角度我们看下这个问题，不知道大家有没有了解过web前端开发，或者说大家对于网页都不陌生吧，...
浅谈 MVP in Android
weixin_30393907的博客
06-23 2732
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/46596109； 本文出自:【张鸿洋的博客】 一、概述 对于MVP（Model View Presenter），大多数人都能说出一二：“MVC的演化版本”，“让Model和View完全解耦”等等。本篇博文仅是为了做下记录，提出一些自...
Android中Dialog的简单使用
qq_41671794的博客
06-17 416
Android中Dialog的简单使用 首先先介绍一下对话框和Dialog： 对话框是提示用户作出决定或输入额外信息的小窗口，通常不会填充整个屏幕，用于进行一些额外交互； 而Dialog 类是对话框的基类，但应该避免直接实例化 Dialog，而应使用其子类； 例如：AlertDialog，DatePickerDialog 或 TimePickerDialog 这里列举几个常用的Di...
Android Studio的简单打包
qq_41671794的博客
06-17 279
Android Studio的简单打包 在这里给大家分享一下Android Studio的2种打包方式； 第一种：生成签名文件的手动打包： 首先我们得要生成签名文件，这时候我们需要点击 Build -&gt; Generate Signed APK；如果还没有签名文件，那我们要点击构造一个： 红色勾选的部分是需要注意的，其他的可以随意填； 生成以后，就可以用该签名文件...
详解Android 折叠屏适配攻略
08-25
主要介绍了Android 折叠屏适配攻略，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Android-屏幕适配需要注意的地方总结
09-05
需要注意一下几个地方:尽量使用线性布局/尽量使用dip和sp，不要使用px/为不同的分辨率提供不同的布局文件和图片，接下来为你详细介绍下，感兴趣的你可以参考下哈，希望可以帮助到你
Android 刘海屏适配总结(推荐)
08-27
主要介绍了Android 刘海屏适配总结(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
屏幕适配
weixin_30266829的博客
10-07 94
适配: 1,版本适配 eclipse 在清单文件 最低版本和目标版本 <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> studio build.gradle ...
Android屏幕适配解决方案
乂星人
05-21 1758
学习android避免不掉要进行屏幕适配，因为android碎片化极其严重，尤其是在国内这种环境下，不受google所约束，奇葩屏幕更是多种多样，由于android的开源性，从小到手表，大到电视以及企业影院屏幕，不得已给开发者更多的任务和困难去进行处理，没办法，来就来了，总结一下吧。 相关概念 屏幕相关及换算： 屏幕尺寸： 手机对角线的物理尺寸，单位英寸（inch），1英寸=2.54cm...
AutoLayout 安卓全新的适配方式
qq_37041645的博客
11-04 432
AutoLayout 张鸿祥适配包优点：不需要在进行适配。 缺点：手机软件字体的大小和手机设置里面字体的大小没有关系了。 用法：第一步：添加依赖 compile ‘com.zhy:autolayout:1.4.5’ 第二步：注明设计稿的尺寸： <meta-data android:name="design_width" android:v
Android屏幕适配（个人的一点点总结及经验）
vv_bug
03-24 2391
前言：做Android已经一段时间了，可是当别人问到我Android中的屏幕适配的时候，感觉自己有一种似懂非懂的感觉，这就有点尴尬了～～哈哈！还有就是ui跑过来问你要切什么样子的图的时候，总要解释半天，让别人感觉你好不专业啊，所以为了更好的理解android的屏幕适配，还是打算写一篇博客来总结一下，就当笔记了哈～～也欢迎大牛来指点指点，拜谢啦～～ 本文我将结合android官方说明跟一些大牛的博
android游戏攻略,安卓手机游戏攻略
weixin_39990660的博客
05-29 460
攻略独奏骑士70层如何通关在独奏骑士中有很多的特色玩法，其中一个就是爬塔玩法，在这里有多个关卡，70层就是其中一关，也是比较复杂的一关，下面就跟着小编一起来看看70层通关方法吧！独奏骑士70层通关攻略一、关卡介绍70层的bo... [详情]攻略独奏骑士83层boss如何打在独奏骑士中爬塔是非常有趣的，也是游戏的一个特色玩法，在这里有很多层，每一层的通关方法都是不同的，今天小编就来分享下83层b...
Android 常用限定符
cj_to_niu
12-09 290
转载出处：http://blog.csdn.net/new_one_object/article/details/50855237 为了适配不同屏幕大小的android手机或android平板，有时候就需要利用限定符来为不同的屏幕设定不同的布局文件。  android中一些常用的限定符如下所示： 例如，在一般情况下我们都是在layout文件夹下为某个活动准备一个默
简单实现安卓app自动更新功能
热门推荐
wuyinlei的博客
03-01 2万+
实现简单安卓app自动更新： 1.服务端提供接口 2.客户端获取接口数据，解析，获取最新版本信息 3.安装最新版本
android学习笔记
最新发布
04-01
1. Android 的基本概念 Android 是一个开源的操作系统，主要用于移动设备，如智能手机、平板电脑等。它基于 Linux 内核，提供了丰富的应用程序框架和 API，支持多种开发语言，如 Java、C/C++、Kotlin 等。 Android...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值