Android Res下的values-sw360dp,valu

作者: HannyYeung | 来源:发表于2018-01-26 21:38 被阅读818次

声声慢·寻寻觅觅

寻寻觅觅,冷冷清清,凄凄惨惨戚戚。乍暖还寒时候,最难将息。三杯两盏淡酒,怎敌他晚来风急!雁过也,正伤心,却是旧时相识。

满地黄花堆积,憔悴损,如今有谁堪摘?守着窗儿独自,怎生得黑!梧桐更兼细雨,到黄昏点点滴滴。这次第,怎一个愁字了得!

疑问

前两天测试讲说我们的App在不同的手机上,字体和控件会显示不同的大小,我看了下就说:微信在不同的手机上,显示的大小也不一致!测试又说为什么咱们不做到大小一致呢?你还别说,真的可以尝试一下!于是乎我就想到了,是不是可以用根据不同的手机配置不同的控件尺寸和字体大小。

  • 举个例子,在xml文件来一个宽高都是120dp的按钮,分别在三个机子上运行

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/btndo"
        android:layout_width="@dimen/width_size"
        android:layout_height="@dimen/width_size"
        android:background="@color/colorPrimary"
        android:text="doSomeWork"
        android:textSize="16sp" />

</RelativeLayout>
  • 效果


    image.png
  • 图一 红米note2 分辨率7201280 屏幕密度2.0 屏幕密度dpi: 那就是2.0160=320
image.png
  • 图二 红米note4 分辨率10801920屏幕密度3.0 屏幕密度dpi :那就是3.0160=480
image.png
  • 图三红米三星G9280 分辨率10801920屏幕密度2.625 屏幕密度dpi :那就是2.625160=420

上面的你会发现红米note2 和 红米note4 虽然屏幕dpi不相同,屏幕分辨率也不同但是他们的字体大小,和控件所占比例都是相同的。

而且红米note4 和三星虽然有相同的分辨率,但是他们的控件所占比例却不一样,而且字体也偏小。

误区

  • 以前总以为使他们的屏幕分辨率不一样

如果解决上面的差别问题,那就要在res文件下配置不同的资源文件,如下:


image.png

在Android项目res的目录下,会有values-sw360这样的文件夹,一直以来都以为这是对应手机的屏幕密度dpi。今天经过一番研究发现并不是这样的。其实是指对应手机屏幕dp宽度,

  • 比如三星手机的宽是1080px 密度是2.625 那么它的宽度dp = 1080/2.625= 411
  • 那么红米note4的宽是1080px 密度是3.0 那么它的宽度dp = 1080/3 = 360

所以如果宽度是120dp的控件在屏幕中所占的比例也就不同呢

证实

  • 下面来证实
  • 我们在res下面新建一个values-sw410dp去对应我的那个三星,然后建一个values-sw-360dp对应我的红米note4,然后分别创建dimens分别写上对应资源,让它是屏幕宽度的一半:
<!--目录values-sw410dp下-->
<dimen name="width_size">206dp</dimen>
<!--目录values-sw360dp下-->
<dimen name="width_size">180dp</dimen>
<!--默认,目录values下-->
<dimen name="width_size">120dp</dimen>
image.png
  • 然后运行程序,在两个手机运行:
    三星:


    image.png

    红米note4:


    image.png

是吧,果然印证了我的上面说法。

总结

这样根据自己的需求,在不同的资源文件下去配置,这样可以做到没有太大误差了,也算是符合手机适配了。字体大小也是同样的道理。

相关文章

网友评论

    本文标题:Android Res下的values-sw360dp,valu

    本文链接:https://www.haomeiwen.com/subject/fmbwaxtx.html