美文网首页Andorid的好东西app项目安卓开发
android 解决系统字体大小设置引起的布局混乱问题(两种方法

android 解决系统字体大小设置引起的布局混乱问题(两种方法

作者: chenxuxu | 来源:发表于2018-04-01 21:12 被阅读901次

    在手机系统设置中,若是修改了字体大小,会影响 app 内字体显示,导致布局混乱不齐。有两种方法,一般推荐第二种方法。


    字体设置

    方法一:

    字体大小单位使用 dp,而不是使用 sp。注意在 java 代码中需要用 dp 方式显示。默认是使用 sp。

        tv.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 30); // 注意!!是TypedValue.COMPLEX_UNIT_DIP
    

    为什么呢?我们刚学 android 时,不是说字体大小用 sp,布局大小用 dp 吗?
    别急,下面看看字体设置的源码:

        public static float applyDimension(int unit, float value,
                                           DisplayMetrics metrics){
            switch (unit) {
            case COMPLEX_UNIT_PX:
                return value;
            case COMPLEX_UNIT_DIP:
                return value * metrics.density;
            case COMPLEX_UNIT_SP:
                return value * metrics.scaledDensity;
            case COMPLEX_UNIT_PT:
                return value * metrics.xdpi * (1.0f/72);
            case COMPLEX_UNIT_IN:
                return value * metrics.xdpi;
            case COMPLEX_UNIT_MM:
                return value * metrics.xdpi * (1.0f/25.4f);
            }
            return 0;
        }
    

    可以发现,dp 和 sp 的区别就是densityscaledDensity。下面再看看两者的区别:

        /**
         * The logical density of the display.  This is a scaling factor for the
         * Density Independent Pixel unit, where one DIP is one pixel on an
         * approximately 160 dpi screen (for example a 240x320, 1.5"x2" screen), 
         * providing the baseline of the system's display. Thus on a 160dpi screen 
         * this density value will be 1; on a 120 dpi screen it would be .75; etc.
         *  
         * <p>This value does not exactly follow the real screen size (as given by 
         * {@link #xdpi} and {@link #ydpi}, but rather is used to scale the size of
         * the overall UI in steps based on gross changes in the display dpi.  For 
         * example, a 240x320 screen will have a density of 1 even if its width is 
         * 1.8", 1.3", etc. However, if the screen resolution is increased to 
         * 320x480 but the screen size remained 1.5"x2" then the density would be 
         * increased (probably to 1.5).
         *
         * @see #DENSITY_DEFAULT
         */
        public float density;
    
        /**
         * A scaling factor for fonts displayed on the display.  This is the same
         * as {@link #density}, except that it may be adjusted in smaller
         * increments at runtime based on a user preference for the font size.
         */
        public float scaledDensity;
    

    简单说,就是density不会受到用户配置的影响,而scaledDensity除了会受到用户配置的影响,其它方面是跟density一致的。
    终于真相大白!因此使用 sp 单位时字体大小会受到用户配置系统字体的影响。

    方法二:(推荐)

    在 activity 内重写getResources方法,如此在 xml 和 java 代码使用 sp 字体单位都是正常的。一般在BaseActivity内重写。

        /**
         * 设置 app 字体不随系统字体设置改变
         */
        @Override
        public Resources getResources() {
            Resources res = super.getResources();
            if (res != null) {
                Configuration config = res.getConfiguration();
                if (config != null && config.fontScale != 1.0f) {
                    config.fontScale = 1.0f;
                    res.updateConfiguration(config, res.getDisplayMetrics());
                }
            }
            return res;
        }
    

    注意!网上很多地方写着使用config.setToDefaults();,实际上除了影响 app 内字体大小,还会影响很多地方的属性值。我们来看一下源码:

        /**
         * Set this object to the system defaults.
         */
        public void setToDefaults() {
            fontScale = 1;
            mcc = mnc = 0;
            mLocaleList = LocaleList.getEmptyLocaleList();
            locale = null;
            userSetLocale = false;
            touchscreen = TOUCHSCREEN_UNDEFINED;
            keyboard = KEYBOARD_UNDEFINED;
            keyboardHidden = KEYBOARDHIDDEN_UNDEFINED;
            hardKeyboardHidden = HARDKEYBOARDHIDDEN_UNDEFINED;
            navigation = NAVIGATION_UNDEFINED;
            navigationHidden = NAVIGATIONHIDDEN_UNDEFINED;
            orientation = ORIENTATION_UNDEFINED;
            screenLayout = SCREENLAYOUT_UNDEFINED;
            uiMode = UI_MODE_TYPE_UNDEFINED;
            screenWidthDp = compatScreenWidthDp = SCREEN_WIDTH_DP_UNDEFINED;
            screenHeightDp = compatScreenHeightDp = SCREEN_HEIGHT_DP_UNDEFINED;
            smallestScreenWidthDp = compatSmallestScreenWidthDp = SMALLEST_SCREEN_WIDTH_DP_UNDEFINED;
            densityDpi = DENSITY_DPI_UNDEFINED;
            seq = 0;
        }
    

    因此,我们只需要把fontScale属性值设置成默认值1即可。一开始我也没考虑到这个点,感谢sollian在评论留言的提醒。

    总结

    1. 若是想要全局控制字体是否受系统设置影响,推荐使用方法二重写getResources方法。
    2. 若是部分字体不需要受系统设置影响,部分字体需要受系统设置影响,推荐使用方法一。

    相关文章

      网友评论

      • itkluo88:我要做成微信可设置字体大小的需求,怎么办呢
        chenxuxu:方法二,config.fontScale 设置为你的值就好了
      • justCode_:其实这个问题,觉得,第二种没什么意义。其实,简单一点,除了文档类型的text,其他都用dp就可以了。这一点,在qq,微信,支付宝等app上都有体现的。
      • tube666:1324:smiley:
      • 扶云九霄:getResource覆写有时间损耗,可能会造成ui卡顿。低端机比较明显
        chenxuxu:@扶云九霄 我的写法确实不是很好。你的代码严谨性强一些,我稍后改成你这种。非常感谢 :grin:
        扶云九霄:@chenxuxu 个人认为这样写,影响更小
        @Override
        public Resources getResources() {
        Resources res = super.getResources();
        if (res != null) {
        Configuration config = res.getConfiguration();
        if (config != null && config.fontScale != 1.0f) {
        config.fontScale = 1.0f;
        res.updateConfiguration(config, res.getDisplayMetrics());
        }
        }
        return res;
        }
        chenxuxu:抱歉,没找到说重写 “getResource”,会造成卡顿的相关文章或描述。个人理解,重写不会引起卡顿的问题。若是您有相关文章或描述,或者自己的见解,麻烦 teach me,相互学习 :grin:
      • f731aa8f01b5:使用自动缩放字体大小的第三方控件可以解决这个问题。
      • Demon2004:受教了

        不过我其实挺不理解为什么要会有字体不随系统设置变化的设计,大多数情况我觉得并不是产品要求,而是开发图省事。按理说,布局用相对布局或者constraintlayout,关键的是具体的属性值用wrap_content不要写成固定值,padding加上字体大小适应某一分辨率下的高度,如果字体变了,分辨率变了,一般不会导致布局错乱,字体显示有问题。
        chenxuxu:如果原本一行的内容,因为字体变大,可能就会显示两三行。此时涉及的问题是要显示内容,亦或者只显示部分内容。

        若是显示部分内容,体验相对不好;若是显示全部内容,布局会没这么美观;

        查了一些主流 app,如微信、支付宝等是不响应系统的字体大小调节,不过在设置中是可以调节字体大小的。我猜测是不同手机的字体调节范围不同,避免太大或太小,他们选择在一个合理范围变大变小。
      • RichardPlus:用sp的其中一个目的就是让系统设置的字体大小能反映到app上。
        不用sp的话,长辈们把系统字体调大了以后对该应用也无效哇
        chenxuxu:看产品具体需求了。如果需要兼容字体大小不同,需要另外测试对布局有没影响。
      • sollian:感觉方法二会挖坑
        chenxuxu:@sollian 666,受教了。不应该 setToDefault,而是单独修改字体大小的属性值 config.fontScale。我中午尝试没问题后,再更改博客内容。
        sollian:@chenxuxu 前几天刚看到一边文章讲这个方式挖的坑,又找不到了:sweat: 。大概意思是说如果我需要人为更改Configration的话,因为这里调用了setToDefault方法,会导致更改失效
        chenxuxu:胸弟,何以见得

      本文标题:android 解决系统字体大小设置引起的布局混乱问题(两种方法

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