Android 屏幕适配完全攻略

基础知识(必备):

px: 像素单位

density: 屏幕密度

dp: 设备独立像素密度 ,android 独有的单位

sp:同dp相似,还会根据用户的字体大小偏好来缩放。 

ppi : 每一英寸上包含的像素个数,物理上的概念。

dpi : 原本是印刷业使用的单位,表示的是打印纸条上的每一个值。这样保证了每一区间内的物理像素密度在软件上都使用同一个值。dpi是写在系统出厂配置文件中的一个固定值。

 

几乎相同分辨率不同尺寸的手机ppi可能分别是470,460,那么在android系统中,可能dpi全部指定为480这样的话,dpi/160就会是一个相对固定的数值,从而保证了相同分辨率下不同尺寸的手机表一致。

注: 不论开发者设置dp,或者sp,最终显示在屏幕上时系统都会将它转化为px.

公式关系:(160是一个基准)

px = density * dp

density = dpi /160

 

推导:

px = (dpi / 160) * dp (重要)

dp = px / ( dpi/160 )

 

例如:

写一个控件,要求恰好充满屏幕宽度,在不同的手机上适配。

 

手机1:1080 x 1920 (480dpi)

需要写的宽度dp = px /(dpi/160) =1080 / ( 480/160 )=360dp

 

手机2:720 x 1280(320dpi)

需要写的宽度dp =px /(dpi/160)=720 / (320/160) =360dp

 

手机3:900 x 1600(320dpi)

需要写的宽度dp = px / ( dpi/160 )=900/(320/160)=450dp

 

 

dpi/ppi的计算公式:

 

屏幕适配基本方案:

1.宽高限定符:

在res下建立 类似 values-1080x1920的文件夹,并加入dimens.xml,

 

每个dimens.xml中写入对应的值 ,比如基准是(1080 x 1920):

values-1080x1920/dimens.xml中:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--基准为 1080x1920-->
    <dimen name="x1">1px</dimen>
    <dimen name="x2">2px</dimen>
    <dimen name="x3">3px</dimen>
    <dimen name="x4">4px</dimen>
    <dimen name="x5">5px</dimen>

    <dimen name="x360">360px</dimen>

    <dimen name="x1080">1080px</dimen>


</resources>

values-900x1600/dimens.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--基准为 1080x1920-->
    <dimen name="x1">0.83px</dimen>
    <dimen name="x2">1.66px</dimen>
    <dimen name="x3">2.49px</dimen>
    <dimen name="x4">3.33px</dimen>
    <dimen name="x5">4.16px</dimen>

    <dimen name="x360">299.9px</dimen>
    <dimen name="x1080">899.6px</dimen>

</resources>

以此类推。

 

在控件中填写宽度的时候使用 x1080

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="@dimen/x1080"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="hello world"
        android:gravity="center_vertical|right"
        android:background="@color/colorAccent"/>

    <ImageView
        android:id="@+id/img_head"
        android:layout_width="@dimen/x1080"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/kuli"/>
</LinearLayout>

 

2.自定义布局viewGroup在测量时对子view进行缩放。

使用 来自鸿阳开源项目:https://github.com/hongyangAndroid/AndroidAutoLayout

详细使用见网址。

 

3.sw限定符适配。

和第一种有点像。

android会识别屏幕可用高度和宽度的最小尺寸的dp值,然后根据识别到的值去资源文件中寻找对应限定符的文件夹下的资源文件。

容错机制: 如果没有values-sw392dp,系统会向下寻找,比如values-sw392dp 最近是values-sw391dp

自动生成sw文件方式:

>> 1. 代码方式: https://github.com/ladingwu/dimens_sw 

>> 2. as插件方式: https://github.com/wildma/ScreenAdaptation

 

使用1方式生成,假设设置的基准为 360dp x 480dp

将生成的类似values-sw300dp文件夹拷贝到项目。如图:

 

应用在控件宽度上为@dimen/qb_px_360:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="@dimen/qb_px_360"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="hello world"
        android:gravity="center_vertical|right"
        android:background="@color/colorAccent"/>

    <ImageView
        android:id="@+id/img_head"
        android:layout_width="@dimen/qb_px_360"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/kuli"/>
</LinearLayout>

4.今日头条适配方案:

将任意屏幕宽度(比如:1080px),除以设计稿宽度的值(360dp),得到1dp对应的px,然后将这个值设置给系统的density,导致系统再将dp转化为px的时候会按照我们的比例来进行转换,完成屏幕适配。

原计算方式 density= dpi / 160

新计算方式 density= 设备真实宽度(比如1080px)/设计稿宽度的值(比如360dp)

 

仅仅需要在所需要适配的activity中添加:

private void setCustomDensity(Activity activity, Application application) {
    DisplayMetrics appDisplayMetrics = application.getResources().getDisplayMetrics();
    float targetDensity = appDisplayMetrics.widthPixels / Design.DESIGN_WIDTH_DP;
    appDisplayMetrics.density = appDisplayMetrics.scaledDensity = targetDensity;

    DisplayMetrics acDisplayMetrics = activity.getResources().getDisplayMetrics();
    acDisplayMetrics.density = acDisplayMetrics.scaledDensity = targetDensity;
}

即完成对系统密度的修改。

 

接下来在使用的时候,xml文件里设置的dp的值和设计稿中px指定的值保持相同即可。

 

 

以上方案均要建立在理解基础知识之上重要是熟练理解最上面的基础知识。完整的项目演示,请见:https://github.com/hanlonglinandroidstudys/ScreenCompatSolution

 

 

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

龍林1102

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值