欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 屏幕适配问题全分析

程序员文章站 2022-07-04 10:58:03
为什么会产生屏幕适配问题? 产生屏幕不适配的原因主要有这几点: 1.屏幕尺寸 2.屏幕分辨率 3.屏幕像素密度 解决的办法有: 1.在布局中使用 content(居中) weight(权重) ma...

为什么会产生屏幕适配问题?

产生屏幕不适配的原因主要有这几点:

1.屏幕尺寸 2.屏幕分辨率 3.屏幕像素密度

解决的办法有:

1.在布局中使用 content(居中) weight(权重) match_parent(填充)

2.使用相对布局,禁用绝对布局

3.使用屏幕方向限定符

重要概念

什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?

什么是dp、dip、dpi、sp、px?他们之间的关系是什么?

什么是mdpi、hdpi、xdpi、xxdpi?如何计算和区分?

在下面的内容中我们将介绍这些概念。

屏幕适配

屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米

比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

屏幕分辨率

屏幕分辨率是指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素,如1960*1080。

屏幕像素密度

屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。

dp、dip、dpi、sp、px

px我们应该是比较熟悉的,前面的分辨率就是用的像素为单位,大多数情况下,比如ui设计、android原生api都会以px作为统一的计量单位,像是获取屏幕宽高等。

dip和dp是一个意思,都是density independent pixels的缩写,即密度无关像素,上面我们说过,dpi是屏幕像素密度,假如一英寸里面有160个像素,这个屏幕的像素密度就是160dpi,那么在这种情况下,dp和px如何换算呢?在android中,规定以160dpi为基准,1dip=1px,如果密度是320dpi,则1dip=2px,以此类推。

假如同样都是画一条320px的线,在480*800分辨率手机上显示为2/3屏幕宽度,在320*480的手机上则占满了全屏,如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一般的长度。这也是为什么在android开发中,写布局的时候要尽量使用dp而不是px的原因。

而sp,即scale-independent pixels,与dp类似,但是可以根据文字大小首选项进行放缩,是设置字体大小的御用单位。

mdpi、hdpi、xdpi、xxdpi

其实之前还有个ldpi,但是随着移动设备配置的不断升级,这个像素密度的设备已经很罕见了,所在现在适配时不需考虑。

mdpi、hdpi、xdpi、xxdpi用来修饰android中的drawable文件夹及values文件夹,用来区分不同像素密度下的图片和dimen值。

那么如何区分呢?google官方指定按照下列标准进行区分:

名称 像素密度范围
mdpi 120dpi~160dpi
hdpi 160dpi~240dpi
xhdpi 240dpi~320dpi
xxhdpi 320dpi~480dpi
xxxhdpi 480dpi~640dpi

下面推荐几个解决屏幕适配的例子:

一、百分比的引入:

百分比的概述:

在web中支持控件的宽度可以去参考父控件的宽度去设置百分比,最外层控件的宽度参考屏幕尺寸设置百分比,那么其实中android设备中,只需要支持控件能够参考屏幕的百分比去计算宽高就足够了。

其实我们的解决方案,就是在项目中针对你所需要适配的手机屏幕的分辨率各自简历一个文件夹。

如下图:

Android 屏幕适配问题全分析

然后我们根据一个基准,为基准的意思就是:

比如480*320的分辨率为基准

宽度为320,将任何分辨率的宽度分为320份,取值为x1-x320高度为480,将任何分辨率的高度分为480份,取值为y1-y480

例如对于800*480的宽度480:

Android 屏幕适配问题全分析

可以看到x1 = 480 / 基准 = 480 / 320 = 1.5 ;

其他分辨率类似~~
你可能会问,这么多文件,难道我们要手算,然后自己编写?不要怕,下文会说。

那么,你可能有个疑问,这么写有什么好处呢?

假设我现在需要在屏幕中心有个按钮,宽度和高度为我们屏幕宽度的1/2,我可以怎么编写布局文件呢?

<framelayout></framelayout>

可以看到我们的宽度和高度定义为x160,其实就是宽度的50%;
那么效果图:

Android 屏幕适配问题全分析

可以看到不论在什么分辨率的机型,我们的按钮的宽和高始终是屏幕宽度的一半。

对于设计图

假设现在的ui的设计图是按照480*320设计的,且上面的宽和高的标识都是px的值,你可以直接将px转化为x[1-320],y[1-480],这样写出的布局基本就可以全分辨率适配了。

你可能会问:设计师设计图的分辨率不固定怎么办?下文会说~

对于上文提出的几个dp做不到的

你可以通过在引入百分比后,自己试试~~

手写的话太麻烦,毕竟这么多分辨率,我们最好用代码实现,毕竟是做程序员的,怕什么,不行就上代码,和大家一起分享一个自动生成工具。

二、自动生成工具

分析需要的支持的分辨率

编写自动生成文件的程序

代码如下

import java.io.file;
import java.io.filenotfoundexception;
import java.io.fileoutputstream;
import java.io.printwriter;

public class generatevaluefiles {

    private int basew;
    private int baseh;

    private string dirstr = "./res";

    private final static string wtemplate = "{1}px\n";
    private final static string htemplate = "{1}px\n";

    /**
     * {0}-height
     */
    private final static string value_template = "values-{0}x{1}";

    private static final string support_dimesion = "320,480;480,800;480,854;540,960;600,1024;720,1184;720,1196;720,1280;768,1024;800,1280;1080,1812;1080,1920;1440,2560;";

    private string supportstr = support_dimesion;

    public generatevaluefiles(int basex, int basey, string supportstr) {
        this.basew = basex;
        this.baseh = basey;

        if (!this.supportstr.contains(basex + "," + basey)) {
            this.supportstr += basex + "," + basey + ";";
        }

        this.supportstr += validateinput(supportstr);

        system.out.println(supportstr);

        file dir = new file(dirstr);
        if (!dir.exists()) {
            dir.mkdir();

        }
        system.out.println(dir.getabsolutefile());

    }

    /**
     * @param supportstr
     *            w,h_...w,h;
     * @return
     */
    private string validateinput(string supportstr) {
        stringbuffer sb = new stringbuffer();
        string[] vals = supportstr.split("_");
        int w = -1;
        int h = -1;
        string[] wh;
        for (string val : vals) {
            try {
                if (val == null || val.trim().length() == 0)
                    continue;

                wh = val.split(",");
                w = integer.parseint(wh[0]);
                h = integer.parseint(wh[1]);
            } catch (exception e) {
                system.out.println("skip invalidate params : w,h = " + val);
                continue;
            }
            sb.append(w + "," + h + ";");
        }

        return sb.tostring();
    }

    public void generate() {
        string[] vals = supportstr.split(";");
        for (string val : vals) {
            string[] wh = val.split(",");
            generatexmlfile(integer.parseint(wh[0]), integer.parseint(wh[1]));
        }

    }

    private void generatexmlfile(int w, int h) {

        stringbuffer sbforwidth = new stringbuffer();
        sbforwidth.append("\n");
        sbforwidth.append("");
        float cellw = w * 1.0f / basew;

        system.out.println("width : " + w + "," + basew + "," + cellw);
        for (int i = 1; i < basew; i++) {
            sbforwidth.append(wtemplate.replace("{0}", i + "").replace("{1}",
                    change(cellw * i) + ""));
        }
        sbforwidth.append(wtemplate.replace("{0}", basew + "").replace("{1}",
                w + ""));
        sbforwidth.append("");

        stringbuffer sbforheight = new stringbuffer();
        sbforheight.append("\n");
        sbforheight.append("");
        float cellh = h *1.0f/ baseh;
        system.out.println("height : "+ h + "," + baseh + "," + cellh);
        for (int i = 1; i < baseh; i++) {
            sbforheight.append(htemplate.replace("{0}", i + "").replace("{1}",
                    change(cellh * i) + ""));
        }
        sbforheight.append(htemplate.replace("{0}", baseh + "").replace("{1}",
                h + ""));
        sbforheight.append("");

        file filedir = new file(dirstr + file.separator
                + value_template.replace("{0}", h + "")//
                        .replace("{1}", w + ""));
        filedir.mkdir();

        file layxfile = new file(filedir.getabsolutepath(), "lay_x.xml");
        file layyfile = new file(filedir.getabsolutepath(), "lay_y.xml");
        try {
            printwriter pw = new printwriter(new fileoutputstream(layxfile));
            pw.print(sbforwidth.tostring());
            pw.close();
            pw = new printwriter(new fileoutputstream(layyfile));
            pw.print(sbforheight.tostring());
            pw.close();
        } catch (filenotfoundexception e) {
            e.printstacktrace();
        }
    }

    public static float change(float a) {
        int temp = (int) (a * 100);
        return temp / 100f;
    }

    public static void main(string[] args) {
        int basew = 320;
        int baseh = 400;
        string addition = "";
        try {
            if (args.length >= 3) {
                basew = integer.parseint(args[0]);
                baseh = integer.parseint(args[1]);
                addition = args[2];
            } else if (args.length >= 2) {
                basew = integer.parseint(args[0]);
                baseh = integer.parseint(args[1]);
            } else if (args.length >= 1) {
                addition = args[0];
            }
        } catch (numberformatexception e) {

            system.err
                    .println("right input params : java -jar xxx.jar width height w,h_w,h_..._w,h;");
            e.printstacktrace();
            system.exit(-1);
        }

        new generatevaluefiles(basew, baseh, addition).generate();
    }

}