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套来就行,

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

相关推荐
传奇开心果编程9 小时前
【Compose Multiplatform 跨端开发学与练】第8课 资源管理与主题
android·windows·学习·ios·kotlin·web·composer
传奇开心果编程10 小时前
【Compose Multiplatform 跨端开发学与练】第9课 测试与调试
android·学习·macos·ios·kotlin·web·composer
传奇开心果编程11 小时前
【Compose Multiplatform 跨端开发学与练】第4课 导航与路由
android·windows·学习·ui·ios·kotlin·composer
传奇开心果编程11 小时前
【Compose Multiplatform 跨端开发学与练】第6课 状态管理与架构
android·学习·ui·ios·架构·kotlin·composer
事圆则缓11 小时前
Android AOSP 定制常见概念:源码目录、系统镜像与刷机流程
android
传奇开心果编程11 小时前
【Compose Multiplatform 跨端开发学与练】第2课 Compose 基础语法
android·windows·学习·ui·ios·kotlin·composer
supabc12311 小时前
Celium:连接 Windows、Mac、Linux 与 Android,让远程访问和设备管理更简单
android·linux·windows·macos·远程访问·网络管理·celium
Dovis(誓平步青云)12 小时前
导览音频切换太快,旧讲解不能覆盖新展品
android·前端·javascript·ecmascript·音视频·宠物
五彩小白1 天前
自回归和上下文
android
事圆则缓1 天前
Android 多渠道打包实战:Product Flavors、签名、AAB 与发包校验
android