屏幕适配

一、使用方法:

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();

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容