Android屏幕适配讲解与实战
文章大纲
一、屏幕适配是什么
二、 重要概念讲解
三、屏幕适配实战
四、项目源码下载
一、屏幕适配是什么
android中屏幕适配就是通过对尺寸单位、图片、文字、布局这四种类型的资源进行合理的设计和规划,在布局时合理利用各种类型的资源,让布局拥有适应能力,能在各种设备下保持良好的展现效果。
二、常见屏幕适配方法介绍
1 屏幕尺寸
屏幕尺寸是指屏幕对角线的长度,单位是英寸,1英寸=2.54厘米
2 屏幕分辨率
屏幕分辨率是指横纵向上的像素点数,单位是px,1px=1个像素点,一般以纵向像素横向像素,如19201080,分辨率越高,显示效果越好。
3 屏幕像素密度
屏幕像素密度是指每英寸上的像素点数,单位是dpi,屏幕像素密度与屏幕尺寸和屏幕分辨率有关。
4. px、dp、sp
(1)安卓里面获取屏幕宽和高,也是以px作为单位的。
(2)在160dpi(即分辨率是480*320)基准下,1dip=1px(也就是px不能适配所有机型),如下图所示,要充满屏幕,箭头的px值是不一样的。1dp=那个机型dpi/160px。所以用dp会比px好。
(3)在使用sp(设置文字的)时候,使用偶数,不要使用奇数或者小数,最最推荐的是12.14.18,22sp的文字大小(尽量不要使用12sp以下的大小,用户可能看不清楚)。
5. mdpi,hdpi,xdpi,xxdpi
安卓软件运行时,会自动根据屏幕像素去不同文件夹加载对应图片。
三、屏幕适配实战
1. 使用dp设置控件大小,sp设置字体大小(不可行)
activity_main2.xml布局代码如下:
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <button android:layout_width="200dp" android:layout_height="50dp" android:textsize="20sp" android:text="按钮1"/> <button android:layout_width="200dp" android:layout_height="50dp" android:layout_margintop="20dp" android:textsize="20sp" android:text="按钮2"/> </linearlayout>
运行结果如下:
得出结论:即使使用dp设置控件大小,sp设置字体大小,也是无法适配所有手机的。因为这是谷歌自己的一个标准。dp是根据屏幕像素和分辨率一起来解决的。但是有些手机像素和分辨率不是对应关系,所以不行。
2. weight属性使用
activity_main3.xml布局代码如下:
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context=".mainactivity"> <button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:textsize="20sp" android:text="按钮1"/> <button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:textsize="20sp" android:text="按钮2"/> </linearlayout>
运行结果如下:
得出结论:采用weight,可以使得组件按屏幕大小进行放大缩小,weight的计算方式如下:
如果将xml中的android:layout_weight属性值1和2互换,则结果是相反的,有兴趣伙伴可以下载源码看看效果。
3. 使用自动拉伸位图.9图
什么是.9图
因为android有太多的分辨率了,当圆角矩形控件在被拉伸放大的时候,圆角的部分就会出现模糊的情况。而点九切图就不同,它可以保证不管你上下还是左右拉伸,放大都可以保持原有的清晰度。
.9图存放位置
4. 屏幕方向限定符large
比如我们想在屏幕竖屏时候加载什么布局,在屏幕横线时候加载什么布局。在手机加载什么布局,在平板电脑加载什么布局。
该文章暂不展开讨论,将在fragment使用中进行讲解。
5.多文件适配(重要)
大家经过上面的学习之后,已经知道有些手机像素和分辨率不是对应关系,无法使用dp等单位来解决,那么我们可以以某个常见的屏幕分辨率作为基准,自定义需要适配到的屏幕分辨率的xml文件,如下图所示:
使用生成器生成对应的文件
生成器代码(使用320*480作为基准)如下:
import java.io.file; import java.io.filenotfoundexception; import java.io.fileoutputstream; import java.io.printwriter; /** * created by 吴晓畅 */ public class generatevaluefiles { 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"; private final static string value_template = "values-{0}x{1}"; //新增文件的分辨率,以x,x;隔开 private static final string support_dimesion = "320,480;480,800;480,854;540,960;600,1024;720,1184;720,1196;720,1280;768,1024;768,1280;800,1280;1080,1812;1080,1920;1440,2560;"; private string supportstr = support_dimesion; public generatevaluefiles(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()); } 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) { //基准大小,比如320.480,其他则以这个基准进行放大缩小 int basew = 320; int baseh = 480; 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 generatevaluefiles(basew, baseh, addition).generate(); } }
运行代码,结果会在项目的res文件夹中生成对应的内容,如下图所示:
温馨提示:上图每个文件夹是以320*480作为基准进行放大缩小后的px值
将上面生成的文件夹复制到实际项目中
复制所有文件夹,右击studio中的res文件夹进行粘贴
xml布局中进行引用
activity_main4.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <button android:layout_width="@dimen/x200" android:layout_height="@dimen/y30" android:text="按钮1"/> <button android:layout_width="@dimen/x200" android:layout_height="@dimen/y30" android:layout_margintop="@dimen/y30" android:text="按钮2"/> </linearlayout>
运行结果如下图所示:
温馨提示:
- 如果运行后发现某个尺寸的屏幕没有是配到,那么可以在生成器中添加对应屏幕尺寸,重新生成文件夹,之后拷贝到项目中即可
- 图片适配则可以采用图片放在不同文件夹里面,系统会自动选图,但最好每次切图都包含多种分辨率的图片,例如某一测试的机器是xxhdpi密度的,所以当把图片放在xxhdpi时候(其他文件夹没放),加载时候占用内存是较小的。默认是没有加载任何东西(运行一个空白app)占用的内存。如果加载其他像素下的图片,则会占用很多内容。所以总结来说就是要各个文件夹都放有图片,可以减少占用内存的加载。
四、项目源码下载
下一篇: 有肉的代价,胖子的搞笑图片