Android屏幕适配的几种方案

开头先了了解一下dp,px,dpi,ppi,缩放因子scaleDensity

这里就以荣耀V9为例 物理分辨率为1440*2560,5.7英寸

dpi: 这个是系统指定的为640

scaleDensity: scaleDensity=dpi/160由于dpi是系统指定所以scaleDensity=640/160=4

ppi: 每英寸所包含的像素点个数

逻辑分辨率 = (物理分辨率) / 缩放因子=360*640

渲染的分辨率又为 逻辑分辨率*缩放因子=1440*2560

 

在我们Android里面1dp = 1px*scaleDensity = 1px*dpi/160

所以荣耀V9手机: 1dp = 1px*640/160=4px;  假如我们在布局里面输出360dp的话那么渲染到屏幕上就是4*360个像素点=1440屏幕的宽度.

在很多公司的切图都是以IOS的750作为切图标准,而且只切一套图,这个时候就可以根据修改上面的dpi的 density来达到适配

density = 1440/750=1.92

dpi =density*160=307.2

这样逻辑分辨率就为(1440*2560)/1.92=750*1333

那么当输入390dp的时候会显示多少像素呢?

1dp = 1px*scaleDensity这个公式不变

1dp = 1.92px;  390dp = 748.8px这只是逻辑宽度 实际渲染的宽度就等于748.8*1.92=1437.696 相当于一个屏幕宽度

 

1:图片资源适配:.9图和SVG图片进行缩放

2:布局适配

3:像素适配

4:限定符适配:比如分辨率限定符 xhdpi xxhdpi xxxhdpi 尺寸限定符:layout_small, layout_large...

5:最小屏幕限定符:values-sw360dp,values-sw384dp,... 屏幕方向限定符:layout_land, layout_port

6:百分比适配

7:改变DisplayMetrics参数适配

百分比适配:

PercentLayout extends RelativeLayout 并自定义几个百分比属性,比如width,height,margin等

重写其onMeasure方法,获取到所有子类,并获取子类的百分比属性,根据控件的宽高和百分比系数转换成真正的宽高最后达到最终适配.

 

像素适配  ScreenLayout extends RelativeLayout

像素适配就是直接输入Px的适配也叫跟据屏幕比来适配,

原理:我们要跟据UI妹妹给的切图的尺寸来当做一个标准,比如很多都用IOS的750 ,然后我们通过代码获取到Android手机屏幕宽高,这二个数字对比得到一个比例,然后在onMeasure里面对子View的宽高等参数进行重新计算

 

改变DisplayMetrics参数适配

DisplayMetrics里面有几个重要参数

density:屏幕密度->以每一寸有160个像素点为基础 density=1;,如果每一寸有320个像素点的话,那么density=2

scaleDensity:字体缩放比例,默认情况下density = scaleDensity;

densityDpi:屏幕上每一英寸像素点有多不个,就是160或者320... Android最终都是以px来显示的

因为Android里面的大小都是通过px来显示的,可以从

TypeValue里面的public static float applyDimension(...)这个方法可以看出 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; }

所以我们改变里面几个参数就可以达到完美适配

获取DisplayMetrics方法,Resources里面的getDisplayMetrics()

然后获取

appDensity = displayMetrics.density; appScaleDensity = displayMetrics.scaledDensity;

我们这可以跟据我们自己设定的一个设置稿的宽高,比如

public static final float WIDTH = 384;

这样我们就可以自己计算出自己想要的density;  targetDensity =displayMetrics.widthPixels / WIDTH

自己想要的scaleDensity字体缩放比例

targetDensity * (appScaleDensity / appDensity)

计算出自己的dpi: targetDensityDpi = (int) (targetDensity * 160);

最后就是将计算出来的进行替换

//替换系统的值 DisplayMetrics dm = activity.getResources().getDisplayMetrics(); dm.density = targetDensity; dm.densityDpi = targetDensityDpi; dm.scaledDensity = targetScaleDensity;

因为系统字体可放大放小,可以还要监听字体改变

//添加字体变换监听 application.registerComponentCallbacks(new ComponentCallbacks() { @Override public void onConfigurationChanged(Configuration newConfig) { if (newConfig != null && newConfig.fontScale > 0) { //字体发生更改,重新对appScaleDensity赋值 // appScaleDensity = application.getResources().getDisplayMetrics().scaledDensity; } } @Override public void onLowMemory() { } });

最终代码如下:

package com.ancely.desy; import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; import android.widget.RelativeLayout; /* * @项目名： px * @包名： com.ancely.desy * @文件名: PercentLayout * @描述： 百分比布局的实现 */ public class PercentLayout extends RelativeLayout { public PercentLayout(Context context) { super(context); } public PercentLayout(Context context, AttributeSet attrs) { super(context, attrs); } public PercentLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public static class LayoutParams extends RelativeLayout.LayoutParams { private float widthPresent; private float heightPresent; private float leftMarginPresent; private float rightMarginPresent; private float topMarginPresent; private float bottomMarginPresent; LayoutParams(Context c, AttributeSet attrs) { super(c, attrs); //解析自定义属性 TypedArray a = c.obtainStyledAttributes(attrs, R.styleable.PercentLayout_Layout); widthPresent = a.getFloat(R.styleable.PercentLayout_Layout_widthPresent, 0); heightPresent = a.getFloat(R.styleable.PercentLayout_Layout_heightPresent, 0); leftMarginPresent = a.getFloat(R.styleable.PercentLayout_Layout_margintLeftPresent, 0); rightMarginPresent = a.getFloat(R.styleable.PercentLayout_Layout_margintRightPresent, 0); topMarginPresent = a.getFloat(R.styleable.PercentLayout_Layout_margintTopPresent, 0); bottomMarginPresent = a.getFloat(R.styleable.PercentLayout_Layout_margintBottomPresent, 0); a.recycle(); } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthSize = MeasureSpec.getSize(widthMeasureSpec); int heightSize = MeasureSpec.getSize(heightMeasureSpec); int count = getChildCount(); for (int i = 0; i < count; i++) { View child = getChildAt(i); ViewGroup.LayoutParams params = child.getLayoutParams(); if (checkLayoutParams(params)) { LayoutParams lp = (LayoutParams) params; float widthPresent = lp.widthPresent; float heightPresent = lp.heightPresent; float leftMarginPresent = lp.leftMarginPresent; float rightMarginPresent = lp.rightMarginPresent; float topMarginPresent = lp.topMarginPresent; float bottomMarginPresent = lp.bottomMarginPresent; if (widthPresent > 0) { lp.width = (int) (widthSize * widthPresent); } if (heightPresent > 0) { lp.height = (int) (heightSize * heightPresent); } if (leftMarginPresent > 0) { lp.leftMargin = (int) (widthSize * leftMarginPresent); } if (widthPresent > 0) { lp.rightMargin = (int) (widthSize * rightMarginPresent); } if (widthPresent > 0) { lp.topMargin = (int) (heightSize * topMarginPresent); } if (widthPresent > 0) { lp.bottomMargin = (int) (heightSize * bottomMarginPresent); } } } super.onMeasure(widthMeasureSpec, heightMeasureSpec); } @Override protected boolean checkLayoutParams(ViewGroup.LayoutParams p) { return p instanceof LayoutParams; } @Override public LayoutParams generateLayoutParams(AttributeSet attrs) { return new LayoutParams(getContext(), attrs); } }