Android适配全攻略

最新推荐文章于 2018-06-17 18:29:24 发布
最新推荐文章于 2018-06-17 18:29:24 发布
阅读量641 收藏 1
点赞数
分类专栏： Android 文章标签： android 适配

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

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

某厂商统计如下数据

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个像素点

  • 一般以纵像素横向像素，如19201080
    屏幕像素密度

  • 屏幕像素密度是指每英寸上的像素点数

  • 单位是dpi，即“dot per inch”的缩写
  • 屏幕像素密度与屏幕尺寸和屏幕分辨率有关
  • 如Nexus 5
  • 屏幕4.95
  • 19201080
  • 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下面）

| 名称 | 像素密度范围

| ——– | —–:

| mdpi | 120dpi-160dpi|
| hdpi | 160dpi-240dpi|
| xhdpi | 240dpi-320dpi|
| xxhdpi | 320dpi-480dpi|
| xxxhdpi | 480dpi-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>

  • 使用自动拉伸位图
    就是.9图的使用，再此推荐一篇关于.9图的如何制作
    http://blog.csdn.net/lizzy115/ … 50959
    支持各种屏幕密度

  • 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的时候动态设置布局
Army_jun
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 10 适配攻略小结
08-24
主要介绍了Android 10 适配攻略小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解Android 折叠屏适配攻略
08-25
主要介绍了Android 折叠屏适配攻略，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Android适配全攻略（学习笔记总结）
wuyinlei的博客
04-01 2144
一、为什么要进行屏幕适配某厂商统计如下数据 二、屏幕适配对象 三、屏幕有关知识讲解 四、适配解决方案
Android AutoLayout全新的适配方式 堪称适配终结者
dawuafang
11-23 1078
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/49990941； 本文出自:【张鸿洋的博客】 一、概述 相信Android的开发者对于设配问题都比较苦恼，Google官方虽然给出了一系列的建议，但是想要单纯使用这些建议将设备很轻松的做好，还是相当困难的。个人也比较关注适配的问题，之前也发了几篇关于适配的...
Android 屏幕适配方案
weixin_34293141的博客
05-04 3233
转载请标明出处：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完全解耦”等等。本篇博文仅是为了做下记录，提出一些自...
屏幕适配
weixin_30266829的博客
10-07 94
适配: 1,版本适配 eclipse 在清单文件 最低版本和目标版本 <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> studio build.gradle ...
Android窗口适配|windowFit.rar
11-06
android的窗口适配，Fitsystemwindow,隐藏状态栏，隐藏导航栏，内容延申到导航栏，内容延伸到状态栏。
android屏幕适配工具
02-06
android屏幕适配 ，生成values-1280x720,values-1920x1080等的工具
Android中Dialog的简单使用
qq_41671794的博客
06-17 416
Android中Dialog的简单使用 首先先介绍一下对话框和Dialog： 对话框是提示用户作出决定或输入额外信息的小窗口，通常不会填充整个屏幕，用于进行一些额外交互； 而Dialog 类是对话框的基类，但应该避免直接实例化 Dialog，而应使用其子类； 例如：AlertDialog，DatePickerDialog 或 TimePickerDialog 这里列举几个常用的Di...
Android Studio的简单打包
qq_41671794的博客
06-17 280
Android Studio的简单打包 在这里给大家分享一下Android Studio的2种打包方式； 第一种：生成签名文件的手动打包： 首先我们得要生成签名文件，这时候我们需要点击 Build -&gt; Generate Signed APK；如果还没有签名文件，那我们要点击构造一个： 红色勾选的部分是需要注意的，其他的可以随意填； 生成以后，就可以用该签名文件...
Activity任务栈和亲属关系（Activities and Tasks）
低级写手 我自由了
07-01 171
在android中，一个activity组件可以激活另一个activity组件（可能属于另一个应用程序）。 若新的被激活的activity组件属于另一个应用程序，则那个activity组件会运行在那个应用程序的进程中，但是从用户的角度来看，好像就是属于本应用程序一样。Android是通过将之前的activity组件和新被激活的activity组件放入同一个任务栈来实现这个功能...
Android7.0适配
热门推荐
Chay_Chan的博客
02-25 3万+
本篇文章已授权微信公众号 guolin_blog （郭霖）独家发布转载请注明出处：http://blog.csdn.net/chay_chan/article/details/57083383关于Android7.0的适配  最近在软件的维护和更新过程中，了解到一些关于Android7.0的适配，在这里和大家分享一下，据我所知，需要对Notification、拍照、图片的裁剪进行适配一、Notifi
Android 安卓中一些常见的限定符整理
cconon.com
05-19 732
屏幕特性：大小 small   -- 提供给小屏幕设备的资源 normal -- 提供给中等屏幕设备的资源 large   -- 提供给大屏幕设备的资源 xlarge  -- 提供给超大屏幕的资源 ---------------- 分辨率  lpdi    提供低分辨率设备的资源（120dpi以下） mdpi    提供中分辨率设备的资源（120dpi ~
Android 适配时资源限定符的说明
xzgww0902的专栏
07-26 3868
原文地址：http://blog.csdn.net/wzy_1988/article/details/52932875 写的挺详细的。原作者辛苦了。但是为了方便查阅。我把重要的表格摘录出来了。有不明白的去查看原文。 在安卓3.2之下的适配  限定符 屏幕特性 限定符 描述 屏幕尺寸 small 小屏幕
Android自定义View(一)
寒雪无痕
07-06 327
Android自定义View
Android TV屏幕适配
努力，让生活变得更美好
04-23 656
先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用dp进行布...
AutoLayout 安卓全新的适配方式
qq_37041645的博客
11-04 433
AutoLayout 张鸿祥适配包优点：不需要在进行适配。 缺点：手机软件字体的大小和手机设置里面字体的大小没有关系了。 用法：第一步：添加依赖 compile ‘com.zhy:autolayout:1.4.5’ 第二步：注明设计稿的尺寸： <meta-data android:name="design_width" android:v
Android课堂笔记——屏幕适配
King_HT96的博客
03-07 229
Android屏幕适配 什么是屏幕适配 1.概念 通过对尺寸单位、图片、文字、布局这四种类型资源进行合理设计及规划，在布局时合理利用各种类型资源，让布局拥有适应能力，能在各种设备下保持良好的展现效果。 2.为什么要学习屏幕适配 因为Android的开放性，所以支持Android系统的设备特别多，那么多到什么程度呢？我们看一张图 这里每一个矩形都代表着一种Android设备，密密麻麻...
Android 适配
最新发布
08-30
Android适配是指将应用程序在不同的Android设备上进行优化和调整，以确保应用能够在各种屏幕尺寸、分辨率和设备类型上正常运行。适配涉及到以下几个方面： 1. 布局适配：根据不同屏幕尺寸和分辨率调整布局，保证...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值