美文网首页
屏幕适配

屏幕适配

作者: zzyytt | 来源:发表于2017-11-08 16:19 被阅读0次

一、使用方法:

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

2.   适配新的机器,使用下面工具,生成新的布局文件。 使用方法:下载ssh://git@git.sankuai.com/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);推荐。

方法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。内容为:

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

源码如下:项目地址为http://git.sankuai.com/projects/SJST/repos/erp-tools/browsegit:ssh://git@git.sankuai.com/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();

}

}

相关文章

  • 屏幕适配总结

    屏幕适配总结 为什么要针对屏幕做适配 drawable目录常见问题 : 屏幕适配方案:

  • Android屏幕适配-应用篇

    目录 Android屏幕适配-基础篇Android屏幕适配-应用篇 Android屏幕适配最主要的原因:  是由于...

  • 屏幕适配的那些坑

    屏幕适配的那些坑 屏幕适配的那些坑

  • LayaAir屏幕适配

    LayaAir屏幕适配 官方教程链接:LayaAir实战开发11-屏幕适配 屏幕适配 随着移动端设备(手机、平板、...

  • she

    1.适配的分类 系统适配 屏幕适配 1.1屏幕适配历史 1.1.1autoresizing 去掉auto layo...

  • Android屏幕适配

    一. 为什么要适配屏幕 android屏幕大小、屏幕密度碎片化严重 二. 怎么样适配屏幕 图片适配 应用图标提供不...

  • 屏幕适配AutoResizing

    适配器简介 AutoResizing 屏幕适配的历史 -iPhonestyGS\IPhone4 -没有屏幕适配可言...

  • css media 适配屏幕宽度

    H5 屏幕适配 css media 适配屏幕宽度;js 通过 适配获取屏幕宽度,来执行对应方法; max-widt...

  • 关于iOS适配的一点事

    屏幕适配及文字适配

  • Android屏幕适配(4)常见:第三种

    前言:Android屏幕适配(1)基础知识篇Android屏幕适配(2)常见:第一种Android屏幕适配(3)常...

网友评论

      本文标题:屏幕适配

      本文链接:https://www.haomeiwen.com/subject/flrymxtx.html