Android 官方屏幕适配之ScreenMatch

背景:

Android 项目的一个app需要适配手机+平板,为了一套UI和可以适配2个不同屏幕,记录一个适配的技巧:

前提,使用这个框架:GitHub - wildma/ScreenAdaptation: :fire:一种非常好用的 Android 屏幕适配------smallestWidth 限定符适配 https://www.jianshu.com/p/1302ad5a4b04

场景1:一套UI适配手机+平板

1.1 以手机的设计稿为准;

1.2 screenMatch.properties,base_dp=414 (414为设计稿的宽度)

1.3 生成的dimens.xml只要这些就够,多的全部删除。

复制代码
match_dp=240,320,384,392,400,410,411,414

场景2:手机和平板分开适配

2.1 layout文件写2个

2.2 screenMatch.properties,base_dp=414 为手机的设计稿为准,平板的宽度在蓝湖上要转换成414,和手机保持一致;

2.3 然后就可以根据各自的设计稿设计,程序运行时候动态判断要加载那个layout文件

2.4 生成的dimens.xml按照默认的生产,尽量全,不要删除。

match_dp=240,320,384,392,400,410,411,414,480,533,592,600,640,662,711,720,768,800,811,820,938,960,961,1024,1280,1365

复制代码

最好的适配效果是第2种,但是都需要开发2套UI,工作量大,要求不高的按照第1套来就行,

个别有问题的,在代码中判断平板再动态调整一下。

相关推荐
2601_949833398 小时前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
2603_9494621010 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
王泰虎12 小时前
安卓开发日记,因为JCenter 关闭导致加载不了三方库应该怎么办
android
2601_9495430116 小时前
Flutter for OpenHarmony垃圾分类指南App实战:主题配置实现
android·flutter
2601_9498333917 小时前
flutter_for_openharmony口腔护理app实战+知识实现
android·javascript·flutter
晚霞的不甘17 小时前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
鸟儿不吃草17 小时前
android的Retrofit请求https://192.168.43.73:8080/报错:Handshake failed
android·retrofit
Minilinux201817 小时前
Android音频系列(09)-AudioPolicyManager代码解析
android·音视频·apm·audiopolicy·音频策略
李子红了时18 小时前
【无标题】
android
Android系统攻城狮19 小时前
Android tinyalsa深度解析之pcm_close调用流程与实战(一百零四)
android·pcm·tinyalsa·音频进阶·音频性能实战·android hal