对于页面的适配,有很多的方法和技巧。比如布局中尽量使用wrapcontent ,fillparent,尽量避免具体的数字,由系统来计算合适的宽高;或者为每个分辨率写一套布局文件,设置对应分辨率下控件的宽高;
为每一个分辨率写一套布局文件虽然够独立,够简单。但是维护起来成本较高。一个页面的改动,往往涉及多个布局文件的改动,让人很痛苦。
我们可以尝试只写一套xml布局,然后为该布局准备多套dimension文件。
说的详细一点就是,xml布局中组件的宽高,不要使用具体的数值来表示,而是配置到dimension文件中。每套dimension文件中数值的大小都是成比例计算出来。
比如在1980*1080分辨率下,定义 px15表示15px
"px15" >15px dimen>
那么在 1080 * 720分辨率下,px15要成比例缩小1.5倍, 定义px15 表示 10px
"px15" >10px dimen>
所以在xml布局文件中,我们可以这样来表示:
android:layout_width="@dimen/px150"
android:layout_height="@dimen/px15"
android:orientation="vertical" >
……
……
这套布局文件中的LinearLayout 在1980 * 1080 分辨率下的宽高为 150 x 15 , 在 1080 * 720分辨率下的宽高就会自动变成 100 * 10
其他分辨率同理
1.有的同学会疑问,这样不就变成需要维护多套dimenson文件了?换汤不换药呀?
其实不然,对于dimension文件我们可以使用代码来控制生成,数值范围可以根据自己的情况来。其他分辨率下只需要按照相应比例,使用代码算一下即可。
编写一个这样的生成代码并不难,下篇文章我们再给出。
生成完毕后,Values 目录结构如下:
2. 按比例计算布局一定可靠吗,会不会出现混乱的现象
有可能会,这个时候就需要协调布局使用的宽高,选择合适的宽高让页面在各个分辨率下,看起来不算离谱就行,不一定严格按照设计来。大部分页面是兼容的。
以上介绍了使用dimension文件做适配。说道了使用代码自动生成所有的dimension文件,接下来我们给出相关代码。
DimensTools:
package com.example.test;
import java.io.*;
import java.util.*;
/**
* dimens数据自动生成工具
*
*/
public class DimensTools {
/** 源文件 */
static String oldFilePath = "./res/values-nodpi/dimens.xml";
/** 新生成文件路径 */
static String filePath720 = "./res/values-1280x720/dimens.xml";
/** 新生成文件路径 */
static String filePath672 = "./res/values-1280x672/dimens.xml";
/** 新生成文件路径 */
static String filePath1080 = "./res/values-1920x1080/dimens.xml";
/** 缩小倍数 */
static float changes = 1.5f;
public static void main(String[] args) {
//生成1-1920px
String allPx= getAllPx();
DeleteFolder(oldFilePath);
writeFile(oldFilePath, allPx);
String st = convertStreamToString(oldFilePath, changes);
DeleteFolder(filePath720);
writeFile(filePath720, st);
DeleteFolder(filePath672);
writeFile(filePath672, st);
String st1 = convertStreamToString(oldFilePath, 1f);
DeleteFolder(filePath1080);
writeFile(filePath1080, st1);
}
/** 读取文件 生成缩放后字符串 */
public static String convertStreamToString(String filepath, float f) {
StringBuilder sb = new StringBuilder();
try {
BufferedReader bf = new BufferedReader(new FileReader(filepath));
String line = null;
System.out.println("q1");
String endmark = "px";
String startmark = ">";
while ((line = bf.readLine()) != null) {
if (line.contains(endmark)) {
int end = line.lastIndexOf(endmark);
int start = line.indexOf(startmark);
String stpx = line.substring(start + 1, end);
int px = Integer.parseInt(stpx);
int newpx = (int) ((float) px / f);
String newline = line.replace(px + "px", newpx + "px");
sb.append(newline + "\r\n");
} else {
sb.append(line + "\r\n");
}
}
System.out.println(sb.toString());
} catch (IOException e) {
e.printStackTrace();
}
return sb.toString();
}
/**
* 根据路径删除指定的目录或文件,无论存在与否
*
* @param sPath
* 要删除的目录或文件
* @return 删除成功返回 true,否则返回 false。
*/
public static boolean DeleteFolder(String sPath) {
File file = new File(sPath);
// // 判断目录或文件是否存在
if (!file.exists()) { // 不存在返回 false
return true;
} else {
// 判断是否为文件
if (file.isFile()) { // 为文件时调用删除文件方法
return deleteFile(sPath);
} else { // 为目录时调用删除目录方法
// return deleteDirectory(sPath);
}
}
return false;
}
/** 存为新文件 */
public static void writeFile(String filepath, String st) {
try {
FileWriter fw = new FileWriter(filepath);
BufferedWriter bw = new BufferedWriter(fw);
bw.write(st);
bw.flush();
bw.close();
} catch (IOException e) {
e.printStackTrace();
}
}
/** 生成全px文件 */
public static String getAllPx() {
StringBuilder sb = new StringBuilder();
try {
sb.append("" + "\r\n");
sb.append("1920px " + "\r\n");
sb.append("1080px " + "\r\n");
for (int i = 1; i <= 1920; i++) {
System.out.println("i="+i);
sb.append(" + i + "\">" + i + "px"
+ "\r\n");
}
sb.append("" + "\r\n");
System.out.println(sb.toString());
} catch (Exception e) {
e.printStackTrace();
}
return sb.toString();
}
/**
* 删除单个文件
*
* @param sPath
* 被删除文件的文件名
* @return 单个文件删除成功返回true,否则返回false
*/
public static boolean deleteFile(String sPath) {
boolean flag = false;
File file = new File(sPath);
// 路径为文件且不为空则进行删除
if (file.isFile() && file.exists()) {
file.delete();
flag = true;
}
return flag;
}
}
使用方法:cmd下使用javac ,Java命令运行。这样有点费劲哈,改天用ant写个自动脚本放上来。
注:先建立好相应的文件夹,672也按照1.5的比例缩放的。可以根据自己的需要调整。
文件夹名称 | 比例 | 图片大小(示例) | 屏幕宽度 | DPI值 | 分辨率举例 |
drawable-xxxhdpi | 5.0 | 500*500 | 1440左右 | 640dpi | 2560*1440(Nexus6) |
drawable-xxhdpi | 3.0 | 300*300 | 1080左右 | 480dpi | 1080*1920 |
drawable-xhdpi | 2.0 | 200*200 | 720左右 | 320dpi | 720*1280 |
drawable-hdpi | 1.5 | 150*150 | 480左右 | 240dpi | 480*800,480*854,540*960 |
drawable-mdpi | 1.0(BaseLine) | 100*100 | 360左右 | 160dpi | 320*480 |
drawable-ldpi | 0.75 | 75*75 | 240左右 |
文件夹名称 | 字体大小sp | 距离大小dp | 手机输出值(字体大小) | 手机显示值(距离大小) |
values-xxxhdpi | 50 | 50 | 175.0 | 175.0 |
values-xxhdpi | 30 | 30 | 90.0 | 90.0 |
values-xhdpi | 20 | 20 | 40.0 | 40.0 |
values-hdpi | 15 | 15 | 22.5 | 22.5 |
values-hdpi(854*480) | 25.87 | 22.5 | ||
values-mdpi | 10 | 10 | 10.0 | 10.0 |
values-ldpi | 7.5 | 7.5 | 5.625 | 5.625 |