基础知识(必备):
px: 像素单位
density: 屏幕密度
dp: 设备独立像素密度 ,android 独有的单位
sp:同dp相似,还会根据用户的字体大小偏好来缩放。
ppi : 每一英寸上包含的像素个数,物理上的概念。
dpi : 原本是印刷业使用的单位,表示的是打印纸条上的每一个值。这样保证了每一区间内的物理像素密度在软件上都使用同一个值。dpi是写在系统出厂配置文件中的一个固定值。
几乎相同分辨率不同尺寸的手机ppi可能分别是470,460,那么在android系统中,可能dpi全部指定为480这样的话,dpi/160就会是一个相对固定的数值,从而保证了相同分辨率下不同尺寸的手机表一致。
注: 不论开发者设置dp,或者sp,最终显示在屏幕上时系统都会将它转化为px.
公式关系:(160是一个基准)
px = density * dp
density = dpi /160
推导:
px = (dpi / 160) * dp (重要)
dp = px / ( dpi/160 )
例如:
写一个控件,要求恰好充满屏幕宽度,在不同的手机上适配。
手机1:1080 x 1920 (480dpi)
需要写的宽度dp = px /(dpi/160) =1080 / ( 480/160 )=360dp
手机2:720 x 1280(320dpi)
需要写的宽度dp =px /(dpi/160)=720 / (320/160) =360dp
手机3:900 x 1600(320dpi)
需要写的宽度dp = px / ( dpi/160 )=900/(320/160)=450dp
dpi/ppi的计算公式:
屏幕适配基本方案:
1.宽高限定符:
在res下建立 类似 values-1080x1920的文件夹,并加入dimens.xml,
每个dimens.xml中写入对应的值 ,比如基准是(1080 x 1920):
values-1080x1920/dimens.xml中:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--基准为 1080x1920-->
<dimen name="x1">1px</dimen>
<dimen name="x2">2px</dimen>
<dimen name="x3">3px</dimen>
<dimen name="x4">4px</dimen>
<dimen name="x5">5px</dimen>
<dimen name="x360">360px</dimen>
<dimen name="x1080">1080px</dimen>
</resources>
values-900x1600/dimens.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--基准为 1080x1920-->
<dimen name="x1">0.83px</dimen>
<dimen name="x2">1.66px</dimen>
<dimen name="x3">2.49px</dimen>
<dimen name="x4">3.33px</dimen>
<dimen name="x5">4.16px</dimen>
<dimen name="x360">299.9px</dimen>
<dimen name="x1080">899.6px</dimen>
</resources>
以此类推。
在控件中填写宽度的时候使用 x1080
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:id="@+id/tv_title"
android:layout_width="@dimen/x1080"
android:layout_height="wrap_content"
android:padding="5dp"
android:text="hello world"
android:gravity="center_vertical|right"
android:background="@color/colorAccent"/>
<ImageView
android:id="@+id/img_head"
android:layout_width="@dimen/x1080"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:src="@drawable/kuli"/>
</LinearLayout>
2.自定义布局viewGroup在测量时对子view进行缩放。
使用 来自鸿阳开源项目:https://github.com/hongyangAndroid/AndroidAutoLayout
详细使用见网址。
3.sw限定符适配。
和第一种有点像。
android会识别屏幕可用高度和宽度的最小尺寸的dp值,然后根据识别到的值去资源文件中寻找对应限定符的文件夹下的资源文件。
容错机制: 如果没有values-sw392dp,系统会向下寻找,比如values-sw392dp 最近是values-sw391dp
自动生成sw文件方式:
>> 1. 代码方式: https://github.com/ladingwu/dimens_sw
>> 2. as插件方式: https://github.com/wildma/ScreenAdaptation
使用1方式生成,假设设置的基准为 360dp x 480dp
将生成的类似values-sw300dp文件夹拷贝到项目。如图:
应用在控件宽度上为@dimen/qb_px_360:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:id="@+id/tv_title"
android:layout_width="@dimen/qb_px_360"
android:layout_height="wrap_content"
android:padding="5dp"
android:text="hello world"
android:gravity="center_vertical|right"
android:background="@color/colorAccent"/>
<ImageView
android:id="@+id/img_head"
android:layout_width="@dimen/qb_px_360"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:src="@drawable/kuli"/>
</LinearLayout>
4.今日头条适配方案:
将任意屏幕宽度(比如:1080px),除以设计稿宽度的值(360dp),得到1dp对应的px,然后将这个值设置给系统的density,导致系统再将dp转化为px的时候会按照我们的比例来进行转换,完成屏幕适配。
原计算方式 density= dpi / 160
新计算方式 density= 设备真实宽度(比如1080px)/设计稿宽度的值(比如360dp)
仅仅需要在所需要适配的activity中添加:
private void setCustomDensity(Activity activity, Application application) {
DisplayMetrics appDisplayMetrics = application.getResources().getDisplayMetrics();
float targetDensity = appDisplayMetrics.widthPixels / Design.DESIGN_WIDTH_DP;
appDisplayMetrics.density = appDisplayMetrics.scaledDensity = targetDensity;
DisplayMetrics acDisplayMetrics = activity.getResources().getDisplayMetrics();
acDisplayMetrics.density = acDisplayMetrics.scaledDensity = targetDensity;
}
即完成对系统密度的修改。
接下来在使用的时候,xml文件里设置的dp的值和设计稿中px指定的值保持相同即可。
以上方案均要建立在理解基础知识之上重要是熟练理解最上面的基础知识。完整的项目演示,请见:https://github.com/hanlonglinandroidstudys/ScreenCompatSolution