Android屏幕适配

由于Android系统的开放性,任何用户、开发商、OEM厂商、运营商都可以对Android进行定制,修改成他们想要的样子,导致碎片化严重。Android手机的分辨率和尺寸千奇百怪,同样的软件在不同的手机上UI表现难以达到一致的效果,所以需要进行屏幕适配,针对不同的设备做一个比较统一的方案。先要搞清楚的问题就是什么是屏幕尺寸?什么是屏幕分辨率?什么是屏幕像素密度?还有开发中的各种单位的意义,关于屏幕适配的各种解决方案,布局适配与图片适配,在图片适配方案主要是记述了.9图的使用和制作。

基本概念

什么是屏幕尺寸?屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米,常见尺寸:2.4,2.8,3.5,3.7,4.2,5.0,5.5,6.0等。

什么是屏幕分辨率?屏幕分辨率是指在横纵向上的像素点数,单位是px,1px=1个像素点,一般以纵向像素×横向像素,如:1920×1080。

什么是屏幕像素密度?在尺寸一定的情况下分辨率越高则屏幕越清晰,屏幕像素密度越大!屏幕像素密度是指每英寸上的像素点数,单位是dpi,即"dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关。比如对于两个都是5寸的手机来说,A手机是1280×720的分辨率,B手机是1920×1020的分辨率,那么也就意味着B手机可以显示得更清晰,B手机得像素密度也越大。

常用单位

dpi(屏幕像素密度)

屏幕像素密度是指每英寸上的像素点数,单位是dpi,即”dot per inch“的缩写。上面已经说过了,不再赘述。

px(像素点)

pixel的缩写,像素,1px代表屏幕上一个物理的像素点。上面已经说过了,不再赘述。

dip、dp(密度无关像素)

dip、dp:都是Density Independent Pixels的缩写,即密度无关像素,在像素密度为160dpi的情况下,1dp = 1px,但是在像素密度为320dpi的情况下,1dp = 2px,这就成为了比例关系:

所以,1dp = (手机实际像素密度 / 160dpi)× 1px,换算公式则为:

pxValue = (手机实际像素密度 / 160dpi)× dpValue

dp的范围划分

名称 像素密度范围
mdpi(中密度) 120dpi~160dpi
hdpi(高密度) 160dpi~240dpi
xhdpi(超高密度) 240dpi~320dpi
xxhdpi(超超高密度) 320dpi~480dpi
xxxhdpi(最高密度) 480dpi~640dpi

sp(设置字体大小)

sp:scaled pixels, 与dp类似,用于设置字体大小。

屏幕适配

布局适配

1、禁用绝对布局 2、少用px 3、使用wrap_content、match_parent、layout_weight 4、重建布局文件

图片适配

1、提供不同分辨率的备用位图(美工做的) 2、使用自动拉伸图

自动拉伸图主要是指.9图,它是Android App开发里一种特殊的图片形式,文件的扩展名为:.9.png。.9图片的作用就是在图片拉伸的时候保证其不会失真。所以使用.9图片,让图片在指定的位置拉伸和在指定的位置显示内容,这样图片的边边角角就不会出现失真了。

上面那一部分是原始效果,下面那一部分是使用.9图的效果。

 1<?xml version="1.0" encoding="utf-8"?>
 2<LinearLayout
 3    xmlns:android="http://schemas.android.com/apk/res/android"
 4    xmlns:tools="http://schemas.android.com/tools"
 5    android:layout_width="match_parent"
 6    android:layout_height="match_parent"
 7    android:orientation="vertical"
 8    tools:context=".MainActivity">
 9
10    <TextView
11        android:text="@string/tv_content"
12        android:gravity="center"
13        android:textSize="30sp"
14        android:background="@drawable/other"
15        android:layout_width="match_parent"
16        android:layout_height="400dp"/>
17    
18    <TextView
19        android:text="@string/tv_content"
20        android:gravity="center"
21        android:textSize="30sp"
22        android:background="@drawable/dialog"
23        android:layout_width="match_parent"
24        android:layout_height="wrap_content" />
25
26  </LinearLayout>

现在有一张图片那么如何制作.9图呢?

选择Create 9-Patch file…选项之后,会弹出选择保存位置的对话框,可以自己选择修改位置,一般都直接选择OK即可,然后打开这个.9图:

所以关于屏幕适配的问题做一下总结: