Android屏幕适配原则

适配模式分两种

1,不同屏幕相同高度

2,不同屏幕相同比例

我们采用第二种模式

等比适配原则

1,将常用屏幕宽高拿来。

2,针对所有的宽高,将宽度做一个默认等分,一般设计图是ios的,采用750分辨率的,所以用750等分。

3,尽量做到所有宽度的xhdpi和xxhdpi两种密度适配。

如1080宽度的屏幕,即,

values-xhdpi-1920*1080

values-xxhdpi-1920*1080

影响系统屏幕匹配的因素有:宽,高,密度

下面开始试验:

1,手机是模拟器,1080*1920 8 寸,带底部导航,拿到屏幕的参数是:1080*1824 density 2.0 xhdpi。

2,自定义单位屏幕750等分,高度100单位,即在1080屏上 高度144像素。

实验步骤:

1,1080*1824 = 144(仅像素,宽高都匹配,)

2,1080*1800 = 10(仅像素,宽匹配,高差24)

3,1080*1812 = 20(仅像素,宽匹配,高查12)

4,xhdpi-1800*1080=50(dpi匹配,高度相差24,宽度不差)

5,xhdpi-1812*1080=60(dpi匹配,高度相差12,宽度不差)

6,xhdpi-1824*1056=30(dpi匹配,高度不差,宽度相差24)

7,xhdpi-1824*1068=40(dpi匹配,高度不差,宽度相差12)

8,xhdpi=96(仅dpi匹配)

9,hdpi-1824*1080=90(像素宽高匹配,dpi低)

10,xxhdpi-1824*1080=100(像素宽高匹配,dpi高)

//7,xhdpi-1824*1080=144

实际=50

得出屏幕适配原则

1,密度优先级最高

2,密度匹配之后,如果有像素匹配,则选最接近的宽度/高度

实验一,仅像素适配

1,1080*1824

0,value 144

1,1080*1800(高小24)10

2,1080*1812(高小12)20

3,1080*1836(高大12)30

4,1080*1848(高大24)40

选中=20,1080*1212。

猜想高大12和小12,选择小12,

如果大10和小12,选择哪个?

将1836-》1035,1825,1824,发现结果都是20,20,30.也就是说。

在无dpi情况下,像素宽度匹配的时候,选择最接近的且低于屏幕的高度的值。

5,1056*1824(宽小24)50

6,1068*1824(宽小12)60

7,1092*1824(宽大12)70

8,1104*1824(宽大24)80

选中=60,1068*1824。

猜想宽大12和小12,选择小12,

如果打10和小12,选择哪个?

将1092-》1091,1081,1080,发现结果都是60,60,70,得出结论:

在无dpi情况下,像素高度匹配的时候,选择最接近的切低于屏幕的宽度的值。

9,1080*1812(高小12)40

10,1068*1824(宽小12)60

选中=60,1068*1824,得出结论:

在无dpi情况下,像素某一个匹配的时候,如果另一个低于屏幕的值相等,选择宽。

猜想如果另一个低于屏幕的值最接近屏幕,选择最接近的,如果一样选择宽。

将1812-》1822,发现结果为40,得出结论:

在无dpi情况下,像素某一个匹配的时候,另一个低于屏幕的值最接近屏幕,选择最接近的;如果另一个低于屏幕的值相等,选择宽。

9,1068*1812(宽高都小12)90

10,1068*1836(宽小12高大12)100

11,1092*1836(宽大12高小12)110

12,1092*1812(宽大12高大12)120

选中90,得出结论:

在无dpi情况下,宽高像素都不匹配的情况,选择小于屏幕像素的值。

猜想,选择小于屏幕的,任意一个最接近的值。

将1068*1836-1068*1822(宽小12,高小2) 结果为100,表示选中1068*1822。得出结论:

在无dpi情况下,宽高像素都不匹配的情况,选择小于屏幕像素的,且宽和高最解决屏幕的。

将1092*1836-》1067*1813(宽小13,高小11),1068*1836-》1069*1811(宽小11,高小13)

结果110,即选中1067*1813,得出结论:

在无dpi情况下,像素都不匹配的情况,一个宽接近,一个高接近,高更接近的和宽更接近的值相等时,选择高更接近的。

实验二,dip+屏幕像素




创建文件代码工具类

```

import java.io.File;

import java.io.FileNotFoundException;

import java.io.FileOutputStream;

import java.io.PrintWriter;

/**

* Created by zhy on 15/5/3.

*/

public class GenerateValueFiles {

    private static final int baseW = 750;

    private static final int baseH = 1280;

    private static final String dirStr = "D:/Demo/Test/app/src/main/res";

    private final static String WTemplate = "<dimen name=\"x{0}\">{1}px</dimen>\n";

    private final static String HTemplate = "<dimen name=\"y{0}\">{1}px</dimen>\n";

    /**

    * {0}-HEIGHT

    */

    private final static String VALUE_TEMPLATE = "values-{0}x{1}";

    private static final String[] SUPPORT_DIMESION = {

            "240,320",//l

            "320,480",//m

            "480,800",//h

            "480,854",

            "540,960",

            "600,1024",

            "640,960",

            "720,1184",

            "720,1196",

            "720,1280",//xh

            "720,1480",//sansumg s9

            "752,1280",

            "768,1024",

            "768,1280",

            "800,1280",

            "1024,1920",

            "1080,1812",

            "1080,1920",//xxh

            "1080,2160",//vivo z5x

            "1080,2220",//sansumg s9

            "1080,2248",//华为p20 xiaomi 8

            "1080,2340",//vivo z5x

            "1200,1920",

            "1440,2560",//xxxh

            "1440,2960",//sansumg s9

            "1536,2048",

            "1600,2560",

            "2160,3840"//xxxh

    };

    public GenerateValueFiles() {

        File dir = new File(dirStr);

        if (!dir.exists()) {

            dir.mkdir();

        }

        System.out.println(dir.getAbsoluteFile());

    }

    public void generate() {

        for (String val : SUPPORT_DIMESION) {

            String[] wh = val.split(",");

            generateXmlFile(Integer.parseInt(wh[0]), Integer.parseInt(wh[0]), Integer.parseInt(wh[1]), baseW, WTemplate, "dimens.xml");

//            generateXmlFile(Integer.parseInt(wh[1]), Integer.parseInt(wh[0]),Integer.parseInt(wh[1]), baseH, HTemplate, "dimens_y.xml");

        }

    }

    /**

    * 尺寸px

    *

    * @param size

    * @param dimens_x

    * @param dimens_y

    * @param baseW

    * @param WTemplate

    * @param fileName

    */

    private void generateXmlFile(int size, int dimens_x, int dimens_y, int baseW, String WTemplate, String fileName) {

        StringBuffer sbForWidth = new StringBuffer();

        sbForWidth.append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");

        sbForWidth.append("<resources>\n");

        float cellw = size * 1.0f / baseW;

        System.out.println("width : " + size + "," + baseW + "," + cellw);

        for (int i = 1; -i >= -100; i++) {

            sbForWidth.append("    ")

                    .append(WTemplate.replace("{0}", "_" + (i)).replace("{1}",

                            change(-cellw * i) + ""));

        }

//        sbForWidth.append("    ")

//                .append(WTemplate.replace("{0}", "_" + baseW + "").replace("{1}",

//                        -size + ""));

        for (int i = 1; i <= 800; i++) {

            sbForWidth.append("    ")

                    .append(WTemplate.replace("{0}", i + "").replace("{1}",

                            change(cellw * i) + ""));

        }

//        sbForWidth.append("    ")

//                .append(WTemplate.replace("{0}", baseW + "").replace("{1}",

//                        size + ""));

        sbForWidth.append("</resources>");

        File fileDir = new File(dirStr + File.separator

                + VALUE_TEMPLATE.replace("{0}", dimens_y + "")//

                .replace("{1}", dimens_x + ""));

        if (!fileDir.exists()) {

            fileDir.mkdir();

        }

        File layxFile = new File(fileDir.getAbsolutePath(), fileName);

        try {

            PrintWriter pw = new PrintWriter(new FileOutputStream(layxFile));

            pw.print(sbForWidth.toString());

            pw.close();

        } catch (FileNotFoundException e) {

            e.printStackTrace();

        }

    }

    public static float change(float a) {

        int temp = (int) (a * 10);

        return temp / 10f;

    }

    public static void main(String[] args) {

        new GenerateValueFiles().generate();

    }

}


```

这是我之前写过的关于屏幕适配原则逻辑的文章

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342