android仿QQ优雅的修改App字体大小

最近公司有需求需要在App里提供修改应用字体大小的功能，网上查了下资料，感觉都不是和理想，后决定自己实现功能。

实现原理

根据Activity的主题动态修改，在主题中添加自定义的字体大小属性，满足不同字体大小的需求，修改时将主题保存在SharedPreferences里面。当返回之前的Activity页面重新显示的时候，会调用onWindowFocusChanged方法，再根据当前的主题是否和SharedPreferences保存的主题是否相同决定是否recreate当前的Activity,当前的主题通过重写setTheme方法获取，废话不多说，直接上代码

package com.xc.theme;

import android.app.Activity;
import android.content.SharedPreferences;
import android.support.annotation.StyleRes;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;

/***
 * 所有需要跟随主题改变的类都继承此基类
 **/
public class BaseThemeActivity extends AppCompatActivity {

    /**
     * 保存当前使用的主题ID
     */
    private int mCurrentThemeId;

    /**
     * 此方法会在onCreate方法之前被系统执行
     *
     * @param resid
     */
    @Override
    public void setTheme(@StyleRes int resid) {
        int savedTheme = ThemeManager.getTheme(this);
        if (savedTheme > 0 && savedTheme != resid) {
            resid = savedTheme;
        }
        Log.e("print","setTheme before onCreate");
        mCurrentThemeId = resid;
        super.setTheme(resid);
    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        if (hasFocus) {
            /**不依赖外部调用,通过系统回调函数当从设置页面返回就会自动调用*/
            ThemeManager.recreateIfThemeChanged(this, mCurrentThemeId);
        }
    }

    public static class ThemeManager {

        public static SharedPreferences getThemeSp(Activity context) {
            return context.getSharedPreferences("themes", MODE_PRIVATE);
        }

        public static int getTheme(Activity context) {
            return getThemeSp(context).getInt("savedTheme", -1);
        }

        /**
         * @param context    Activity对象
         * @param resid      主题的资源id
         * @param isRecreate 保存设置的主题后是否需要重新启动
         */
        public static void setTheme(Activity context, @StyleRes final int resid, boolean isRecreate) {
            if (resid > 0) {
                getThemeSp(context).edit().putInt("savedTheme", resid).commit();
                if (isRecreate) {
                    context.recreate();
                }
            }
        }

        public static void recreateIfThemeChanged(Activity context, int mCurrentThemeId) {
            int savedTheme = getTheme(context);
            if (savedTheme > 0 && savedTheme != mCurrentThemeId) {
                context.recreate();
            }
        }
    }
}

setTheme方法会在Activity的onCreate方法之前调用，用户系统设置当前的主题，我们重写此方法，判断传入的resid和我们保存的savedTheme是否相等，如果不相等，则覆盖resid设置我们保存的savedTheme,onWindowFocusChanged的作用是当从字体设置页面回到前一个页面的时候调用判断，这样就和Activity的回调函数关联，不用手动的调用修改页面主题，方法中判断是否和当前的主题相同，不相同的话重新启动Activity，调用recreate方法即可！

自定义字体的大小属性，style里的Theme里添加该属性

   <!--设置自定义字体属性-->
    <declare-styleable name="ThemeTextSize">
        <attr name="smallSize" format="dimension" />
        <attr name="normalSize" format="dimension" />
        <attr name="largeSize" format="dimension" />
    </declare-styleable>

在主题中添加自定义的属性

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="smallSize">14sp</item>
        <item name="normalSize">16sp</item>
        <item name="largeSize">18sp</item>
        <item name="android:textColor">@android:color/holo_red_light</item>
    </style>

    <!-- Base application theme. -->
    <style name="AppTheme.Smallsize" parent="AppTheme">
        <!-- Customize your theme here. -->
        <item name="smallSize">12sp</item>
        <item name="normalSize">14sp</item>
        <item name="largeSize">16sp</item>
    </style>
    <!-- Base application theme. -->
    <style name="AppTheme.NormalSize" parent="AppTheme">
        <!-- Customize your theme here. -->
        <item name="smallSize">16sp</item>
        <item name="normalSize">18sp</item>
        <item name="largeSize">20sp</item>

    </style>
    <!-- Base application theme. -->
    <style name="AppTheme.LargeSize" parent="AppTheme">
        <!-- Customize your theme here. -->
        <item name="smallSize">20sp</item>
        <item name="normalSize">22sp</item>
        <item name="largeSize">24sp</item>
    </style>

主页面布局编写

<?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:fitsSystemWindows="true"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:title="首页" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="我是主页面"
        android:textColor="?android:textColor"
        android:textSize="?smallSize" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="我是主页面"
        android:textColor="?android:textColor"
        android:textSize="?normalSize" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="我是主页面"
        android:textColor="?android:textColor"
        android:textSize="?largeSize" />

    <Button
        android:id="@+id/btn_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="下一页" />
</LinearLayout>

字体大小通过
android:textSize=”?smallSize”
android:textSize=”?normalSize”
android:textSize=”?largeSize”
实现关联系统主题内的字体大小属性

最后上效果图

gif可能有点卡，真机上效果很好

注意：主题里面必须有对应的字体属性值才可以在布局xml内使用，不然会报错
下载地址