简单谈谈我的Android屏幕适配之路

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

我们先来了解两个概念:屏幕尺寸和屏幕的分辨率:

屏幕尺寸: 就是屏幕的对角线的长度,度量单位是英寸,1英寸等于2.54厘米.

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

屏幕分辨率: 实际上就是屏幕横纵坐标上面的像素点.如比较常见的1280×720,1920×1080,480*800等等.

内功心法篇:

概念:

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
用于表示字体大小,不推荐奇数容易丢失精度。

虽然用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!看,是不是直接就出来的,超简单也,有没有。下次再遇到老板的左移一个像素,你要有底气地回答:“这个我已经适配了,你没看粗来吗?”

时间: 2024-09-19 02:44:55

简单谈谈我的Android屏幕适配之路的相关文章

android 屏幕适配问题

问题描述 android 屏幕适配问题 我写了4中尺寸的适配,但是每次都是跳到hdpi这边,不知道怎么回事,用了高分辨率的 手机和低分辨率的都是一样效果 解决方案 如何将一个应用程序适配在不同的手机上,虽然这不算是一个技术问题,但是对于刚刚做屏幕的开发人员来说,还真不是一件多么简单的事情. ? 首先:你需要在AndroidManifest.xml文件的<manifest>元素如下添加子元素 <supports-screens android:largeScreens="true

Android屏幕适配全攻略(最权威的官方适配指导)

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因.重要概念.解决方案及最佳实践,我相信如果你能认真的学习本文,对于Android的屏幕适配,你将有所收获! Android屏幕适配出现的原因 重要概念 屏幕尺寸 屏幕分辨率 屏幕像素密度 dpdipdpisppx mdpihdpixdpixxdpi 解决方案 支持

图片-Android屏幕适配问题,菜鸟求助

问题描述 Android屏幕适配问题,菜鸟求助 如题, 本人菜鸟不知道怎么屏幕适配呀, 我用的是demin建立了两个文件, 一个是(1280x720的),另外一个是1920x1080的. 在里面写的尺寸.因为我们美工给我的图片都是px的. 换算如下 解决方案 做android开发,开源嘛,满市场都是凌乱的机型,总少不了适配这样或那样的型号.在这里分享一下自己在开发中用到的方法. 首先要介绍一下drawable-mdpi.drawable-hdpi-1280x800.drawable-hdpi.这

android-有关于Android屏幕适配

问题描述 有关于Android屏幕适配 请问一下各位牛人,分辨率为1280x800的手机匹配不到values-1280x800的资源呢? 解决方案 10.1" WXGA(Tablet) 1280×800 解决方案二: 谢谢回答!但是我没看明白!

实用Android 屏幕适配方案分享

转载地址:http://blog.csdn.net/gao_chun/article/details/45645051 真正可用,并且简单易行,可以在多个屏幕大小和屏幕密度上有良好表现的Android 屏幕适配方案,已用在一款成熟互联网应用中,效果还不错. 说起android开发,UI界面的多机型适配,一向是个很重要的问题. 网上这方面的文章很多,面试的时候也经常会问到,大部分的内容都很类似,无外乎用dp,sp 不要用px之类老生常谈的问题. 但是会说的居多,实际可以执行的可行方案,很少有人会.

Android屏幕适配

http://www.apkbus.com/android-41832-1-1.html 图像显示所需的概念: 像素:一幅图片的显示就是由许多显示着不同颜色的小方格组成的,这样的小方格就被称为像素,是构成图片的最小单位.但是这个像素的具体大小是多少呢?这需要取决于显示这张图片的具体的物理设备显示一个图片像素点的荧光点的大小.图片文件只是记录着它自身有多少个像素点,每个像素点显示什么颜色,至于它自身物理尺寸有多大,它自身也无法得知,例如一张480*800像素的图片在电脑显示器上显示明显要比在手机屏

Android 屏幕适配方案

转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/45460089:  1.概述 大家在Android开发时,肯定会觉得屏幕适配是个尤其痛苦的事,各种屏幕尺寸适配起来蛋疼无比.如果我们换个角度我们看下这个问题,不知道大家有没有了解过web前端开发,或者说大家对于网页都不陌生吧,其实适配的问题在web页面的设计中理论上也存在,为什么这么说呢?电脑的显示器的分辨率.包括手机分辨率,我敢说分辨率的种类远超过Android设备的分辨率

android屏幕适配-androd屏幕适配,米4和p7

问题描述 androd屏幕适配,米4和p7 android 做屏幕适配,华为p7和米4同样分辨率,米4加载layout-1920x1080包下的布局文件,但p7加载的是layout-1280x720下的布局文件?

涨姿势了,原来Android屏幕适配还可以这么玩

为什么要屏幕适配? 碎片化 品牌机型碎片化 屏幕尺寸碎片化 操作系统碎片化 为了保证用户获得一致的用户体验效果,使得某一元素在Android不同尺寸.不同分辨率的手机上具备相同的显示效果,则需要我们进行屏幕适配. 基础概念 屏幕尺寸 屏幕尺寸是指屏幕对角线的长度,单位是英寸,1 inch=2.54 cm 屏幕分辨率 手机在横向和纵向上的像素点数总和,单位是像素(pixel),1px = 1像素点,举个栗子,1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点. 屏幕