屏幕适配

一、使用方法:

1。 UI开发时关注,根据UI稿填写标注的大小即可。 唯一需要只要的是:如果布局是在宽方向上的,使用@dimen/x加上UI稿的值。如果布局是在高方向上的。使用@dimen/dp加上UI稿的值。

2.   适配新的机器,使用下面工具,生成新的布局文件。 使用方法:下载ssh://[email protected]/sjst/erp-tools.git这是个工具集,使用里面的erp-ui-adapter模块。

使用方法:由于使用频率很低,目前没有做成工具。只有一个类文件。

使用时,作出如下修改:将

private final static String SUPPORT_DIMENSION = "1024,552;";

中的1024,552;为要适配的设备的APP可使用分辨率,非设备的整个屏幕分辨率。已逗号分开,以;结束。执行这个类即可。最终在项目根目录的res目录下,会出现生成的文件。

APP可使用分辨率获取::

方法1. 安装开发助手,在屏幕选项里,选择APP可使用分辨率。通常 APP可使用分辨率为 设备分辨率的高  48(MHDPI) 或 72 (HDPI);推荐。


屏幕适配_第1张图片

方法2.  直接使用adb shell dumpsys display; 由于每个设备的输出也不一样,需要仔细寻找;例如:商米的输出为:


app 1920 x 1008 为APP可用大小, 设备实际大小为1920 * 1080.

二、方案原理:基于屏幕比例适配。(后面说为什么不使用Android基于密度的方案)

以UI搞为基础,通过宽和高按照像素比例拉伸,来适配目标设备。具体为:

假设UI稿的基础为 X 宽 * Y 高; 需要适配的设备的分辨率为 M 宽 * N 高 ;则设备分辨率与UI稿的比例为:宽为 M / X   高为 N / Y;

(由于长宽比例可能会差很多。所以需要宽,高两个不同的比例。两套布局文件。)

如果要达到在不同机器上,UI显示的比例一样。则需要确保在,UI稿上的1PX,在目标机器上的大小为 宽 (M / X) PX ,高( N / Y) PX;

我们通过程序,自动生成我们要的dimens文件。内容。

目前UI稿的大小为1366*768,我们以此为基础,编写一个基准的Dimens。内容为:


屏幕适配_第2张图片


屏幕适配_第3张图片

要适配的机器例如:1920 * 1008 的文件为:


屏幕适配_第4张图片


屏幕适配_第5张图片

源码如下:项目地址为http://git.sankuai.com/projects/SJST/repos/erp-tools/browsegit:ssh://[email protected]/sjst/erp-tools.git中的erp-ui-adapter

packagecom.example;

importorg.apache.commons.io.FileUtils;

importjava.io.File;

importjava.io.IOException;

importjava.text.MessageFormat;

/**

* author: wangyonghua

* version: V1.0

* date: 2017/7/27

* time: 12:17

*/

publicclassPxAdapterFileCreator {

privatefinalstaticString XML_HEADER ="";

privatefinalstaticString NEW_LINE = System.getProperty("line.separator");

privatefinalstaticString FOUR_BLANK ="    ";

privatefinalstaticString wPref ="x";

privatefinalstaticString hPref ="dp";

privatefinalstaticString destDir ="res";

privatefinalstaticString wFileName ="fixed_dimens_x.xml";

privatefinalstaticString hFileName ="fixed_dimens.xml";

privatefinalstaticString WTemplate = FOUR_BLANK +"{1}px";

privatefinalstaticString HTemplate = FOUR_BLANK +"{1}px";

privatefinalstaticString VALUE_TEMPLATE ="values-{0}x{1}";

privatefinalstaticString SUPPORT_DIMENSION ="1024,552;";

privateintbaseW =1366;

privateintbaseH =768;

publicPxAdapterFileCreator(intbaseX,intbaseY) {

this.baseW = baseX;

this.baseH = baseY;

try{

File dir =newFile(destDir);

if(dir.exists()) {

FileUtils.cleanDirectory(dir);

}else{

dir.mkdirs();

}

}catch(IOException e) {

e.printStackTrace();

thrownewRuntimeException("create dir err!"+ destDir, e);

}

}

privatevoidgenerate() {

String[] dimens = SUPPORT_DIMENSION.split(";");

for(String val : dimens) {

String[] wh = val.split(",");

generateXmlFile(Integer.parseInt(wh[0]), Integer.parseInt(wh[1]));

}

}

privatevoidgenerateXmlFile(intw,inth) {

StringBuilder wStringBuilder =newStringBuilder();

wStringBuilder.append(XML_HEADER).append(NEW_LINE);

wStringBuilder.append("").append(NEW_LINE);

floatcellw = w *1.0f / baseW;

System.out.println("width:"+ w +" , "+ baseW +", "+ cellw);

for(inti =1; i <= baseW; i++) {

wStringBuilder.append(MessageFormat.format(WTemplate, String.valueOf(i),  String.valueOf(change(cellw * i))));

wStringBuilder.append(NEW_LINE);

}

wStringBuilder.append("").append(NEW_LINE);

StringBuilder hStringBuilder =newStringBuilder();

hStringBuilder.append(XML_HEADER).append(NEW_LINE);

hStringBuilder.append("").append(NEW_LINE);

floatcellh = h *1.0f / baseH;

System.out.println("height:"+ h +" , "+ baseH +", "+ cellh);

for(inti =1; i <= baseH *2; i++) {

hStringBuilder.append(MessageFormat.format(HTemplate, String.valueOf(i),  String.valueOf(change(cellh * i))));

hStringBuilder.append(NEW_LINE);

}

hStringBuilder.append("").append(NEW_LINE);

File fileDir =newFile(destDir, MessageFormat.format(VALUE_TEMPLATE, String.valueOf(w) , String.valueOf(h)));

try{

if(fileDir.exists()) {

FileUtils.cleanDirectory(fileDir);

}else{

fileDir.mkdirs();

}

}catch(IOException e) {

e.printStackTrace();

thrownewRuntimeException("create dir err!"+ fileDir.getAbsolutePath(), e);

}

try{

FileUtils.writeStringToFile(newFile(fileDir.getAbsolutePath(), wFileName), wStringBuilder.toString());

}catch(IOException e) {

e.printStackTrace();

thrownewRuntimeException("create w file err!"+ fileDir.getAbsolutePath(), e);

}

try{

FileUtils.writeStringToFile(newFile(fileDir.getAbsolutePath(), hFileName), hStringBuilder.toString());

}catch(IOException e) {

e.printStackTrace();

thrownewRuntimeException("create h file err!"+ fileDir.getAbsolutePath(), e);

}

}

privatefloatchange(floata) {

inttemp = (int) (a *100);

returntemp / 100f;

}

publicstaticvoidmain(String[] args) {

intbaseW =1366;

intbaseH =768;

newPxAdapterFileCreator(baseW, baseH).generate();

}

}

你可能感兴趣的:(屏幕适配)