美文网首页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,如微信、支付宝等是不响应系统的字体大小调节,不过在设置中是可以调节字体大小的。我猜测是不同手机的字体调节范围不同,避免太大或太小,他们选择在一个合理范围变大变小。
  • c30792b67282:用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