欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡單談?wù)勎业腁ndroid屏幕適配之路

 更新時(shí)間:2017年11月01日 08:54:56   作者:翻滾吧李博  
我相信Android碎片化問題是讓所有的Android開發(fā)者都比較頭疼的問題.尤其是屏幕適配這一塊兒.想要自己的app在不同的設(shè)備上面都有一個(gè)比較好的顯示效果.就必須做好相應(yīng)的屏幕適配.

如果你還在受老板的“這個(gè)左移一個(gè)像素,再右移兩個(gè)像素看看,不對(duì)不對(duì)移回來。這個(gè)大了。你沒看見嗎?這個(gè)變形了!”這樣的氣,那么學(xué)完這篇文章,你就可以回他“我已經(jīng)適配了,你沒看粗來嗎?”

我們先來了解兩個(gè)概念:屏幕尺寸和屏幕的分辨率:

屏幕尺寸: 就是屏幕的對(duì)角線的長度,度量單位是英寸,1英寸等于2.54厘米.

例如小米5的屏幕尺寸就為5.15英寸.nexus 5的屏幕為4.95英寸.


屏幕分辨率: 實(shí)際上就是屏幕橫縱坐標(biāo)上面的像素點(diǎn).如比較常見的1280×720,1920×1080,480*800等等.

內(nèi)功心法篇:

概念:

1.像素 單位pixel / px

屏幕最小顯示單位。放大后就像每信號(hào)的電視機(jī)。

2.分辨率:
表示屏幕像素點(diǎn)個(gè)數(shù),用 "寬x高"表示
常見分辨率:320x480 480x800 720x1080 1080x1920
2k屏: 2560x1440 比如三星s6以后的系列機(jī),親測看vr視頻杠杠的
4k屏: 4096x2160這個(gè)電視機(jī)的,當(dāng)我沒說
奇葩屏: 例如mx4/mx4Pro ,這是一種奇葩的寬屏,你家公司有這臺(tái)手機(jī)就酸爽了

ios: 5c 5s -> 1136x640 6 6s -> 1334x750 6+ 6s+ -> 1920x1080

但不管iphone的還是各種Android手機(jī),屏幕的比例都是16:9(不信你算算),所以視頻的比例幾乎都是16:9。

獲取屏幕像素方法:

getResources().getDisplayMetrics().widthPixels;
getResources().getDisplayMetrics().heightPixels;

3.尺寸

單位 inch 英寸 1inch = 2.54cm ,指屏幕對(duì)角線長度
手機(jī)常見尺寸 4.7 5.0 5.2 5.5 5.7 6.0
加大號(hào)尺寸 7.0, 時(shí)不時(shí)在地鐵里看到有人捧個(gè)板磚在那:“喂!喂!”

4.像素密度

單位 dpi (dots per inch),翻譯過來就知道 每英寸像素點(diǎn)的個(gè)數(shù)(當(dāng)然是越多越清晰啦)


計(jì)算示意圖

由勾股定理知:

斜邊尺寸² = 寬²+高²
像素密度 = √寬²+高²/尺寸

5.密度無關(guān)像素:
單位 dp/dip density-independent pixel
Android特有單位,保證不同屏幕像素密度設(shè)備顯示相同的效果。

密度類型 代表的分辨率(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
舉個(gè)栗子:



同尺寸不同分辨率屏幕

假設(shè)布局中有個(gè)控件寬度為100dp,看看它的寬度是實(shí)際顯示是怎樣的

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

6.獨(dú)立比例像素:

單位 sp/sip scale-independent-pixel
用于表示字體大小,不推薦奇數(shù)容易丟失精度。

雖然用dp為單位,解決了不同分辨率顯示相同尺寸,單個(gè)控件長寬一樣。但是不同手機(jī)尺寸是不一樣的,所以整體的縮放比例是不一樣的。會(huì)出現(xiàn)大屏顯示完全,小屏只顯示一大半。

問題造成原因:

1.訂制系統(tǒng)多種多樣:小米MIUI,魅族flyme,oppo colorOs,華為EMUI,vivo FunTouchOs等等
2.各種尺寸
3.類似于華為等手機(jī)帶有虛擬菜單的,而且可以調(diào)節(jié)消失與顯示,曾折磨過我一天。

于是,為了解決以上問題,我們可以用以下方法,我要說了哦,就是,就是,就是:

招式篇:

------------------------------------一條很明顯的分割線------------------------------------

1.制作.9圖 請(qǐng)看我的另一篇文章

2.用自適應(yīng)和指定比例控件 請(qǐng)看我的另一篇文章

3.在自定義view中很多長度都是用px作為默認(rèn)單位的,這樣會(huì)導(dǎo)致不同分辨率顯示不一樣,所以將要固定用dp固定長度,轉(zhuǎn)化成對(duì)應(yīng)分辨率的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呢?
因?yàn)榫鹊膯栴},數(shù)學(xué)上1.1四舍五入為1,1.5為2
但java里,(int)1.1=1,(int)1.9 = 1,只會(huì)舍,不會(huì)入
所以都加上0.5f, (int)(1.1+0.5)=1,(int)(1.5+0.5)=2,保證了數(shù)學(xué)上的一致。

5.在項(xiàng)目中針對(duì)你所需要適配的手機(jī)屏幕的分辨率自適配對(duì)應(yīng)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;

這是選擇生成的基準(zhǔn)分辨率,對(duì)應(yīng)生的尺寸表會(huì)以1dp = 1px表示。
這個(gè)值要依據(jù)UI給你設(shè)計(jì)圖寬高來,比如為設(shè)計(jì)圖按照480x800來標(biāo)注的,那就填寫這個(gè)baseW=480,baseH=800。

運(yùn)行這個(gè)類的main方法:



image.png
運(yùn)行結(jié)果顯示
得到的文件

此時(shí)選擇一些主流的或者你們公司需要特別適配的分辨率出來。


效果圖

設(shè)置尺寸的時(shí)候直接打50!100!看,是不是直接就出來的,超簡單也,有沒有。下次再遇到老板的左移一個(gè)像素,你要有底氣地回答:“這個(gè)我已經(jīng)適配了,你沒看粗來嗎?”

相關(guān)文章

  • Android編程之滑動(dòng)按鈕事件實(shí)例詳解

    Android編程之滑動(dòng)按鈕事件實(shí)例詳解

    這篇文章主要介紹了Android編程之滑動(dòng)按鈕事件,結(jié)合具體實(shí)例形式分析了Android滑動(dòng)按鈕功能的具體實(shí)現(xiàn)步驟、布局及功能實(shí)現(xiàn)相關(guān)操作技巧,需要的朋友可以參考下
    2017-03-03
  • Android編程使WebView支持HTML5 Video全屏播放的解決方法

    Android編程使WebView支持HTML5 Video全屏播放的解決方法

    這篇文章主要介紹了Android編程使WebView支持HTML5 Video全屏播放的解決方法,較為詳細(xì)的分析了全屏播放所涉及的相關(guān)技巧,并給出了完整代碼下載地址供讀者參考,需要的朋友可以參考下
    2015-10-10
  • android事件分發(fā)機(jī)制的實(shí)現(xiàn)原理

    android事件分發(fā)機(jī)制的實(shí)現(xiàn)原理

    本篇文章主要介紹了android事件分發(fā)機(jī)制的實(shí)現(xiàn)原理,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-09-09
  • Android編程獲取Wifi名稱(SSID)的方法

    Android編程獲取Wifi名稱(SSID)的方法

    這篇文章主要介紹了Android編程獲取Wifi名稱(SSID)的方法,涉及Android基于WifiManager和WifiInfo操作Wifi信息的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-05-05
  • Flutter啟動(dòng)頁(閃屏頁)的具體實(shí)現(xiàn)及原理詳析

    Flutter啟動(dòng)頁(閃屏頁)的具體實(shí)現(xiàn)及原理詳析

    這篇文章主要給大家介紹了關(guān)于Flutter啟動(dòng)頁(閃屏頁)的具體實(shí)現(xiàn)及原理的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • Android實(shí)現(xiàn)app分享文件到微信功能

    Android實(shí)現(xiàn)app分享文件到微信功能

    這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)app分享文件到微信功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • Android基于AudioManager、PhoneStateListener實(shí)現(xiàn)設(shè)置黑名單功能

    Android基于AudioManager、PhoneStateListener實(shí)現(xiàn)設(shè)置黑名單功能

    這篇文章主要介紹了Android基于AudioManager、PhoneStateListener實(shí)現(xiàn)設(shè)置黑名單功能的方法,涉及Android操作手機(jī)通信錄及通話模式與手機(jī)狀態(tài)的相關(guān)技巧,需要的朋友可以參考下
    2016-01-01
  • android 設(shè)置圓角圖片實(shí)現(xiàn)代碼

    android 設(shè)置圓角圖片實(shí)現(xiàn)代碼

    在android應(yīng)用開發(fā)中,可能是美化需要,圖片需要處理成圓角,本文將給出實(shí)現(xiàn)代碼,開發(fā)中的遇到此問題的朋友可以參考下
    2012-11-11
  • Android畫畫板的制作方法

    Android畫畫板的制作方法

    這篇文章主要為大家詳細(xì)介紹了Android畫畫板的制作方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • Android設(shè)計(jì)模式之代理模式Proxy淺顯易懂的詳細(xì)說明

    Android設(shè)計(jì)模式之代理模式Proxy淺顯易懂的詳細(xì)說明

    Android設(shè)計(jì)模式之代理模式也是平時(shí)比較常用的設(shè)計(jì)模式之一,代理模式其實(shí)就是提供了一個(gè)新的對(duì)象,實(shí)現(xiàn)了對(duì)真實(shí)對(duì)象的操作,或成為真實(shí)對(duì)象的替身
    2018-03-03

最新評(píng)論