屏幕适配 简单懂

Posted 一支向前

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了屏幕适配 简单懂相关的知识,希望对你有一定的参考价值。

简单的android适配 

首先是图片资源的适配  , 如果有.9图片是最好的,如果没有的话就让美工切一套图片,放在对应的文件夹下,手机会根据屏幕大小自动适配。

hdpi:480*800
ldpi:320*240
mdpi:320*480
xhdpi:1280*720

l:m:h:xh      3:4:6:8 大致比 

如果在对应的文件夹下面没有找到图片,系统会自动从上往下找,即从h开始找  

低分辨率的图片 放到高分辨率中 ,会变模糊 


也就是h 的图片放到其他的文件夹中 会变的模糊 ,----  


但是如果 你把xh的图片放到h中 直接会崩。


适配的方法:

1.切多套图片放到不同的文件夹中,系统会根据机型和屏幕大小自动的适配。

2.创建不同的layout布局  ,系统会根据不同的屏幕大小自动选择不同的布局文件; 

根据市面上流行的机型来看:主要有

layout-1280x720
layout-800x480 这两种机型用的比较多,所以做好这两种适配就ok了,其他的机型会自动匹配layout文件夹中的布局文件,在创建布局文件的时候,xml文件的文件名要一样,然后里面的每个控件的名字也要对应的是一样的,不然会报错。

3.创建不同的values文件夹

values-1280x720 
values-320x240  l
  values-480x320  m
values-800x480
values-sw600dp
values-sw720dp-land
values-v11
values-v14

在不同的布局文件中使用对应的dimens的时候,系统会根据屏幕的大小自动选择对应的尺寸。

注意: 尺寸的名字要一样的 。





以上是关于屏幕适配 简单懂的主要内容,如果未能解决你的问题,请参考以下文章

作为前端你必须知道的iPhoneX适配

Flutter中屏幕适配,尺寸设置

iOS设计尺寸375*812怎么适配安卓

iOS适配机型常用宏以及机型尺寸备注)

iOS App Icon启动图尺寸配置适配iPhone XS XR XS Max等

屏幕适配 简单懂