Android屏幕适配全解

如果你还在受老板的“这个左移一个像素,再右移两个像素看看,不对不对移回来。这个大了。你没看见吗?这个变形了!”这样的气,那么学完这篇文章,你就可以回他“我已经适配了,你没看粗来吗?”


本来该是那种动态图的

内功心法篇:

概念:

1.像素 单位pixel / px
屏幕最小显示单位。放大后就像每信号的电视机。

2.分辨率:
表示屏幕像素点个数,用 "宽x高"表示
常见分辨率:320x480 480x800 720x1080 1080x1920
2k屏: 2560x1440 比如三星s6以后的系列机,亲测看vr视频杠杠的
4k屏: 4096x2160这个电视机的,当我没说
奇葩屏: 例如mx4/mx4Pro ,这是一种奇葩的宽屏,你家公司有这台手机就酸爽了

ios: 5c 5s -> 1136x640 6 6s -> 1334x750 6+ 6s+ -> 1920x1080
但不管iphone的还是各种Android手机,屏幕的比例都是16:9(不信你算算),所以视频的比例几乎都是16:9。

获取屏幕像素方法:
getResources().getDisplayMetrics().widthPixels;
getResources().getDisplayMetrics().heightPixels;

3.尺寸
单位 inch 英寸 1inch = 2.54cm ,指屏幕对角线长度
手机常见尺寸 4.7 5.0 5.2 5.5 5.7 6.0
加大号尺寸 7.0, 时不时在地铁里看到有人捧个板砖在那:“喂!喂!”

4.像素密度
单位 dpi (dots per inch),翻译过来就知道 每英寸像素点的个数(当然是越多越清晰啦)

计算示意图

由勾股定理知:
斜边尺寸² = 宽²+高²
像素密度 = √宽²+高²/尺寸

5.密度无关像素:
单位 dp/dip density-independent pixel
Android特有单位,保证不同屏幕像素密度设备显示相同的效果。

密度类型 代表的分辨率(px) 屏幕密度(dpi) 换算(px/dp) 比例
低密度(ldpi) 240x320 120 1dp=0.75px 3
中密度(mdpi) 320x480 160 1dp=1px 4
高密度(hdpi) 480x800 240 1dp=1.5px 6
超高密度(xhdpi) 720x1280 320 1dp=2px 8
超超高密度(xxhdpi) 1080x1920 480 1dp=3px 12
举个栗子:


同尺寸不同分辨率屏幕

假设布局中有个控件宽度为100dp,看看它的宽度是实际显示是怎样的

第一张分辨率上
100dp x 2 = 200px, 屏幕宽度的比例 200 : 720 = 1 : 3.6
第二张分辨率上
100dp x 3 = 300px, 屏幕宽度的比例 300 : 1080 = 1 : 3.6
在屏幕中占比都一样,所以界面效果是一样的。

6.独立比例像素:
单位 sp/sip scale-independent-pixel
用于表示字体大小,不推荐奇数容易丢失精度。
系统字体放大了一倍,那么,如果使用sp为单位的字就会放大一倍显示,如果以dp为单位的字体就不会放大.所以说,sp根本就是和系统字体大小有关的单位。

虽然用dp为单位,解决了不同分辨率显示相同尺寸,单个控件长宽一样。但是不同手机尺寸是不一样的,所以整体的缩放比例是不一样的。会出现大屏显示完全,小屏只显示一大半。

问题造成原因:
1.订制系统多种多样:小米MIUI,魅族flyme,oppo colorOs,华为EMUI,vivo FunTouchOs等等
2.各种尺寸
3.类似于华为等手机带有虚拟菜单的,而且可以调节消失与显示,曾折磨过我一天。

于是,为了解决以上问题,我们可以用以下方法,我要说了哦,就是,就是,就是:

招式篇:

------------------------------------一条很明显的分割线------------------------------------

1.制作.9图 请看我的另一篇文章

2.用自适应和指定比例控件 请看我的另一篇文章

3.在自定义view中很多长度都是用px作为默认单位的,这样会导致不同分辨率显示不一样,所以将要固定用dp固定长度,转化成对应分辨率的px值,方法如下

 public static int dp2px(Context context, float dipValue) {    
     final float scale = context.getResources().getDisplayMetrics().density;    
     return (int) (dipValue * scale + 0.5f);    
} 

获取DisplayMetrics屏幕测量类,获取密度(每dp有多少像素),
dpvalue 乘以密度就是 像素值,但是为什么末尾要加上0.5f呢?
因为精度的问题,数学上1.1四舍五入为1,1.5为2
但java里,(int)1.1=1,(int)1.9 = 1,只会舍,不会入
所以都加上0.5f, (int)(1.1+0.5)=1,(int)(1.5+0.5)=2,保证了数学上的一致。

5.在项目中针对你所需要适配的手机屏幕的分辨率自适配对应dp-px换算比

这是是用鸿洋大神的尺寸生成类:

public class CreatedimenUtil {
    private int baseW;
    private int baseH;

    private String dirStr = "./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 = "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 CreatedimenUtil(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("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
        sbForWidth.append("<resources>");
        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("</resources>");

        StringBuffer sbForHeight = new StringBuffer();
        sbForHeight.append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");
        sbForHeight.append("<resources>");
        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("</resources>");

        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 CreatedimenUtil(baseW, baseH, addition).generate();
    }
}
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;";

这里选择性生成需要适配的屏幕分辨率

int baseW = 320;
int baseH = 400;

这是选择生成的基准分辨率,对应生的尺寸表会以1dp = 1px表示。
这个值要依据UI给你设计图宽高来,比如为设计图按照480x800来标注的,那就填写这个baseW=480,baseH=800。

运行这个类的main方法:


image.png
运行结果显示
得到的文件

此时选择一些主流的或者你们公司需要特别适配的分辨率出来。

效果图

设置尺寸的时候直接打50!100!看,是不是直接就出来的,超简单也,有没有。下次再遇到老板的左移一个像素,你要有底气地回答:“这个我已经适配了,你没看粗来吗?”

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

推荐阅读更多精彩内容