美文网首页
屏幕适配

屏幕适配

作者: 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();

    }

    }

    相关文章

      网友评论

          本文标题:屏幕适配

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