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),翻譯過來就知道 每英寸像素點的個數(當然是越多越清晰啦)

計算示意圖

由勾股定理知:
斜邊尺寸2 = 寬2+高2
像素密度 = √寬2+高2/尺寸

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閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容