Android屏幕适配之--自定义像素的缩放比例来实现屏幕适配

Android屏幕适配之--自定义像素的缩放比例来实现屏幕适配

在Android的适配中，可以采用自定义布局的形式，来通过计算像素的缩放比例来实现适配。大致思路就是，通过拿到设备实际的长宽像素值来除以参考设备的长宽值，得到这一个比例值，在设置控件的长宽值得时候，拿到开发者指定的长宽值乘以这个比例值，就能得到控件的实际显示大小了，公式大致如下：

scaleX = 设备实际像素值 / 参考设计图的像素值

控件实际像素值 = 开发者设置的像素值 * scaleX

实现方案如下：

首先我们通过一个工具类来获取设备在X方向和Y方向上的像素值比例

public class PixelUtils {

    private Context mContext;
    private static PixelUtils mUtils;

    //屏幕宽高
    private float mWidth;
    private float mHeight;

    //参考设备的屏幕尺寸，单位都是像素值px
    private float STANDARD_WIDTH = 720;
    private float STANDARD_HEIGHT = 1080;
    public PixelUtils(Context context) {
        mContext = context;
        WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        if(manager != null){
            DisplayMetrics metrics = new DisplayMetrics();
            manager.getDefaultDisplay().getMetrics(metrics);    //获取屏幕的显示Metrics对象
            if(metrics.widthPixels > metrics.heightPixels){
                //横屏，宽高进行交换
                mWidth = metrics.heightPixels;
                mHeight = metrics.widthPixels;
            }else{
                //竖屏
                mWidth = metrics.widthPixels;
                mHeight = metrics.heightPixels;
            }
        }
    }

    public static PixelUtils getInstance(Context context){
        if(mUtils == null){
            mUtils = new PixelUtils(context.getApplicationContext());
        }
        return mUtils;
    }

    private int getStatusBarHeight(){
        int resId = mContext.getResources().getIdentifier("status_bar_height","dimen","android");
        if(resId > 0){
            return mContext.getResources().getDimensionPixelSize(resId);
        }
        return 0;
    }

    /**
     * 获取水平方向上的缩放比例
     */
    public float getXScal(){
        return mWidth / STANDARD_WIDTH;
    }

    /**
     * 获取竖直方向上的缩放比例
     */
    public float getYScal(){
        return mHeight / STANDARD_HEIGHT;
    }
}

接下来我们通过实现自定义控件(可以继承RelativeLayout或者LinearLayout等之类的)，在onMeasure中，先拿到开发者设置的像素值，然后通过公式来乘以相应的比例，在把算出来的实际像素值设置给控件进行显示

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    if (!flag) {
        float scalX = PixelUtils.getInstance(getContext()).getXScal();
        float scalY = PixelUtils.getInstance(getContext()).getYScal();
        int childCount = getChildCount();

        for (int index = 0; index < childCount; index++) {
            View child = getChildAt(index);

            LayoutParams layoutParams = (LayoutParams) child.getLayoutParams();
            layoutParams.width = (int) (layoutParams.width * scalX);
            layoutParams.height = (int) (layoutParams.height * scalY);

            layoutParams.leftMargin = (int) (layoutParams.leftMargin * scalX);
            layoutParams.rightMargin = (int) (layoutParams.rightMargin * scalX);
            layoutParams.topMargin = (int) (layoutParams.topMargin * scalY);
            layoutParams.bottomMargin = (int) (layoutParams.bottomMargin * scalY);

        }
        flag = true;
    }

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

在上面的代码中，我们定义了一个flag值来进行标记，主要是控件在进行二次绘制的时候，会在第一次绘制时设置的值得基础上在进行一次比例的计算，相当于实际值 = 设置的值 * 比例值 * 比例值,所以为了计算结果的准确，这里用一个flag值进行了标记

最后在自己的布局中就可以使用自己的自定义控件了，但是这里要注意的一点是，这里给控件设置的值应该是以目标尺寸为依据的像素值,所以单位应该是px

<com.example.fizzer.splashview.screen.ScreenAdapterLayout
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="horizontal"
tools:context=".screen.PixelActivity">
    

    <com.example.fizzer.splashview.screen.ScreenAdapterLayout
        android:layout_width="360px"
        android:layout_height="540px"
        android:orientation="horizontal"
        android:background="#ff0000">

        <TextView
            android:layout_width="180px"
            android:layout_height="270px"
            android:text="Fizzer"
            android:background="#0f0"/>
    </com.example.fizzer.splashview.screen.ScreenAdapterLayout>
</com.example.fizzer.splashview.screen.ScreenAdapterLayout>

这样的话就实现了整个的适配小效果，但是这种方案在实际操作上来说，局限性比较的大，在小范围的使用没问题，但是如果想要在整个项目中进行操作的话，建议还是采用通过修改系统的Density和DensityDpi的方案来进行适配。可实际参考我的另一篇文章Android屏幕适配之--通过修改系统的屏幕像素比来实现屏幕的适配效果