前言
在之前的文章中，我们讲到了Android屏幕适配的一些知识，大家感兴趣的话可参考
Android屏幕适配(1) — 概念解释
Android屏幕适配(2) — drawable与mipmap
Android屏幕适配(3) — 资源文件夹命名与匹配规则
Android屏幕适配(4) — 宽高限定符
Android屏幕适配(5) — 最小宽度smallWidth适配
这节我们讲讲今日头条屏幕适配方案。
- 适配原理
- 封装类
TouScreenAdapter的使用 - 效果图和项目结构图
-
TouScreenAdapter源码
一. 适配原理
在Android源码中我们可以看到下面一段：
public static float applyDimension(int unit, float value,DisplayMetrics metrics{
switch (unit) {
case COMPLEX_UNIT_PX:
return value;
case COMPLEX_UNIT_DIP:
return value * metrics.density;
case COMPLEX_UNIT_SP:
return value * metrics.scaledDensity;
case COMPLEX_UNIT_PT:
return value * metrics.xdpi * (1.0f/72);
case COMPLEX_UNIT_IN:
return value * metrics.xdpi;
case COMPLEX_UNIT_MM:
return value * metrics.xdpi * (1.0f/25.4f);
}
return 0;
}
即App中的所有单位，包括mm,in,pt,sp,dp和px最终都可以转成px，这也是
公式的由来。而density表示的是一个dp单位占有几个px。
不同设备，dpi是固定的。如：
| 密度 | ldpi | mdpi | hdpi | xhdpi | xxhdpi |
|---|---|---|---|---|---|
| 屏幕分辨率(宽x高) | 240x320 | 320x480 | 480x800 | 720x1280 | 1080x1920 |
| 密度值(dpi) | 120 | 160 | 240 | 320 | 480 |
不同设备通过
可以算出该设备的density值，由于不同设备dpi固定，又可得出不同设备的density值也是固定的。
由 我们可以得出：
然后当我们的设计图上采用与当前测试机屏幕的总 dp 宽度 1:1 作图时，则可得出：
实际项目中，屏幕的总 px 宽度是变化的，然后设计图总 dp 宽度是不变的，我们之要根据上面公式算出实时density然后去修改系统的density值，便可实现不同设备的屏幕适配。
二. 封装类TouScreenAdapter的使用
在以上原理的基础上，我封装了一个TouScreenAdapter帮助类，用于实现屏幕适配。下面介绍下TouScreenAdapter的几个方法：
/**
* 初始化 (在application里面初始化)
*
* @param application
*/
public static void setup(@NonNull final Application application)
/**
* 在 application 中全局激活适配（也可单独使用 match() 方法在指定页面中配置适配）
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void register(@NonNull final Application application, final float designSize, final int matchBase, final int matchUnit)
/**
* 全局取消所有的适配
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void unregister(@NonNull final Application application, @NonNull int... matchUnit)
/**
* 适配屏幕（放在 Activity 的 setContentView() 之前执行）
*
* @param context
* @param designSize
*/
public static void match(@NonNull final Context context, final float designSize)
/**
* 适配屏幕（放在 Activity 的 setContentView() 之前执行）
*
* @param context
* @param designSize（单位: dp）
* @param matchBase
*/
public static void match(@NonNull final Context context, final float designSize, int matchBase)
/**
* 适配屏幕（放在 Activity 的 setContentView() 之前执行）
*
* @param context
* @param designSize 设计图的尺寸
* @param matchBase 适配基准
* @param matchUnit 使用的适配单位
*/
public static void match(@NonNull final Context context, final float designSize, int matchBase, int matchUnit)
/**
* 重置适配信息，取消适配
*/
public static void cancelMatch(@NonNull final Context context)
/**
* 重置适配信息，取消适配
*
* @param context
* @param matchUnit 需要取消适配的单位
*/
public static void cancelMatch(@NonNull final Context context, int matchUnit)
在项目中使用。首先在你自己的Application中调用setup(instance);做初始化，示例代码如下：
public class AppContext extends Application {
private static AppContext instance;
public static synchronized AppContext getInstance() {
return instance;
}
@Override
public void onCreate() {
super.onCreate();
instance = this;
TouScreenAdapter.setup(instance);
}
}
当然，你自定义的AppContext还要在adnroidmainfast.xml中注册。
接着，如果你要做全局适配，可以在AppContext的onCreate()中调用：
/**
* 在 application 中全局激活适配（也可单独使用 match() 方法在指定页面中配置适配）
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void register(@NonNull final Application application, final float designSize, final int matchBase, final int matchUnit)
然后在AppContext销毁(即整个app退出)时的onTerminate()方法中调用：
/**
* 全局取消所有的适配
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void unregister(@NonNull final Application application, @NonNull int... matchUnit)
这样便达到了全局适配的目的。
若要单个Activity适配，你可以在Activity的onCreate()方法setContentView(R.layout.activity_main)之前执行match(...)方法，具体的哪一个使用看你情况。下面给出我设置适配的示例：
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import com.testdemo.util.MyUtil;
import com.testdemo.util.ScreenUtils;
import com.testdemo.util.TouScreenAdapter;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private TextView mTv;
private Button mBtn;
private Button mBtn2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//设置屏幕适配，在setContentView之前执行
TouScreenAdapter.match(MainActivity.this,1080);
setContentView(R.layout.activity_main);
initView();
initData();
setListener();
}
private void initView() {
mTv = findViewById(R.id.tv_text);
mBtn = findViewById(R.id.btn_test);
mBtn2 = findViewById(R.id.btn_test2);
}
private void initData() {
MyUtil.i("==屏幕信息===宽="+ScreenUtils.getWidth(this)+" 高="+ScreenUtils.getHeight(this)+" dpi="+ScreenUtils.getDpi(this));
}
private void setListener() {
mBtn.setOnClickListener(this);
mBtn2.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_test:
MyUtil.i("=======执行完毕======");
break;
case R.id.btn_test2:
MyUtil.i("=======路径=====mFilePath=");
break;
default:
break;
}
}
}
然后取消适配的话，可以调用：
/**
* 重置适配信息，取消适配
*/
public static void cancelMatch(@NonNull final Context context)
或
/**
* 重置适配信息，取消适配
*
* @param context
* @param matchUnit 需要取消适配的单位
*/
public static void cancelMatch(@NonNull final Context context, int matchUnit)
注意这个取消适配方法的选择和调用时机需要自己去把握。
下面给出MainActivity对应的布局文件activity_main.xml代码：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
tools:context=".MainActivity">
<TextView
android:id="@+id/tv_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="@dimen/dp_70"/>
<Button
android:id="@+id/btn_test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="测试1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_text"
android:layout_marginTop="@dimen/dp_20"/>
<Button
android:id="@+id/btn_test2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="测试n"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/btn_test"
android:layout_marginTop="@dimen/dp_20"/>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/act_one"
android:layout_width="@dimen/dp_360"
android:layout_height="@dimen/dp_50"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="@dimen/dp_20"
app:layout_constraintStart_toStartOf="parent"
android:background="#ff0000"/>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/act_two"
android:layout_width="@dimen/dp_720"
android:layout_height="@dimen/dp_0"
android:background="#00ff00"
app:layout_constraintBottom_toBottomOf="@+id/act_one"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/act_one"/>
</androidx.constraintlayout.widget.ConstraintLayout>
三. 效果图和项目结构图
效果图如下：
image.png
项目结构图如下：
image.png
四. TouScreenAdapter 源码
最后给出TouScreenAdapter源码:
