簡單談談我的Android屏幕適配之路
如果你還在受老板的“這個左移一個像素,再右移兩個像素看看,不對不對移回來。這個大了。你沒看見嗎?這個變形了!”這樣的氣,那么學完這篇文章,你就可以回他“我已經(jīng)適配了,你沒看粗來嗎?”
我們先來了解兩個概念:屏幕尺寸和屏幕的分辨率:
屏幕尺寸: 就是屏幕的對角線的長度,度量單位是英寸,1英寸等于2.54厘米.
例如小米5的屏幕尺寸就為5.15英寸.nexus 5的屏幕為4.95英寸.
屏幕分辨率: 實際上就是屏幕橫縱坐標上面的像素點.如比較常見的1280×720,1920×1080,480*800等等.
內(nèi)功心法篇:
概念:
1.像素 單位pixel / px
屏幕最小顯示單位。放大后就像每信號的電視機。
2.分辨率:
表示屏幕像素點個數(shù),用 "寬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),翻譯過來就知道 每英寸像素點的個數(shù)(當然是越多越清晰啦)
計算示意圖
由勾股定理知:
斜邊尺寸² = 寬²+高²
像素密度 = √寬²+高²/尺寸
5.密度無關(guān)像素:
單位 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
用于表示字體大小,不推薦奇數(shù)容易丟失精度。
雖然用dp為單位,解決了不同分辨率顯示相同尺寸,單個控件長寬一樣。但是不同手機尺寸是不一樣的,所以整體的縮放比例是不一樣的。會出現(xiàn)大屏顯示完全,小屏只顯示一大半。
問題造成原因:
1.訂制系統(tǒng)多種多樣:小米MIUI,魅族flyme,oppo colorOs,華為EMUI,vivo FunTouchOs等等
2.各種尺寸
3.類似于華為等手機帶有虛擬菜單的,而且可以調(diào)節(jié)消失與顯示,曾折磨過我一天。
于是,為了解決以上問題,我們可以用以下方法,我要說了哦,就是,就是,就是:
招式篇:
------------------------------------一條很明顯的分割線------------------------------------
1.制作.9圖 請看我的另一篇文章
2.用自適應和指定比例控件 請看我的另一篇文章
3.在自定義view中很多長度都是用px作為默認單位的,這樣會導致不同分辨率顯示不一樣,所以將要固定用dp固定長度,轉(zhuǎn)化成對應分辨率的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呢?
因為精度的問題,數(shù)學上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,保證了數(shù)學上的一致。
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表示。
這個值要依據(jù)UI給你設計圖寬高來,比如為設計圖按照480x800來標注的,那就填寫這個baseW=480,baseH=800。
運行這個類的main方法:
image.png
運行結(jié)果顯示
得到的文件
此時選擇一些主流的或者你們公司需要特別適配的分辨率出來。
效果圖
設置尺寸的時候直接打50!100!看,是不是直接就出來的,超簡單也,有沒有。下次再遇到老板的左移一個像素,你要有底氣地回答:“這個我已經(jīng)適配了,你沒看粗來嗎?”
相關(guān)文章
Android編程使WebView支持HTML5 Video全屏播放的解決方法
這篇文章主要介紹了Android編程使WebView支持HTML5 Video全屏播放的解決方法,較為詳細的分析了全屏播放所涉及的相關(guān)技巧,并給出了完整代碼下載地址供讀者參考,需要的朋友可以參考下2015-10-10Flutter啟動頁(閃屏頁)的具體實現(xiàn)及原理詳析
這篇文章主要給大家介紹了關(guān)于Flutter啟動頁(閃屏頁)的具體實現(xiàn)及原理的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Flutter具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-04-04Android基于AudioManager、PhoneStateListener實現(xiàn)設置黑名單功能
這篇文章主要介紹了Android基于AudioManager、PhoneStateListener實現(xiàn)設置黑名單功能的方法,涉及Android操作手機通信錄及通話模式與手機狀態(tài)的相關(guān)技巧,需要的朋友可以參考下2016-01-01Android設計模式之代理模式Proxy淺顯易懂的詳細說明
Android設計模式之代理模式也是平時比較常用的設計模式之一,代理模式其實就是提供了一個新的對象,實現(xiàn)了對真實對象的操作,或成為真實對象的替身2018-03-03