前言

??上一篇文章中枉阵，將一些系統(tǒng)的 View 已經(jīng)完成換膚了译红。這篇文章我們會完成 Fragment、狀態(tài)欄兴溜、底部虛擬按鍵的換膚侦厚。

上一篇文章地址：http://www.reibang.com/p/1139df041cb6

Fragment 換膚

??我們需要使用到 TableLayout，所以添加一個(gè)依賴
compile 'com.android.support:design:26.+'拙徽，然后修改 MainActivity 的布局文件刨沦，并修改 MainActivity 給其添加幾個(gè) Fragment

<?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"
    android:gravity="center"
    android:background="?attr/colorAccent">

    <TextView
        android:id="@+id/tv_click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="換膚"
        android:padding="10dp"
        android:background="#ffffff"
        android:layout_marginBottom="30dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_other"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:textColor="@color/black"
        android:text="還原"
        android:background="@color/black"/>

    <TableLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">

    </TableLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //...

        TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout);
        ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);

        List<Fragment> list = new ArrayList<>();
        list.add(new MusicFragment());
        list.add(new VideoFragment());
        list.add(new RadioFragment());
        List<String> listTitle = new ArrayList<>();
        listTitle.add("音樂");
        listTitle.add("視頻");
        listTitle.add("電臺");
        MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter
                (getSupportFragmentManager(), list, listTitle);
        viewPager.setAdapter(myFragmentPagerAdapter);
        tabLayout.setupWithViewPager(viewPager);
    }
}

??這里新建了幾個(gè) Fragment 并且顯示在 Activity 中，我們測試一下前面寫的系統(tǒng)的 View 換膚能否在 Fragment 里面進(jìn)行換膚

Fragment 換膚前

??點(diǎn)擊換膚按鈕

Fragment 換膚后

image.png

image.png

??而我們的 Activity 繼承自

image.png

image.png

image.png

image.png

image.png

image.png

??他會調(diào)用父類的構(gòu)造函數(shù)

image.png

image.png

image.png

image.png

狀態(tài)欄和底部虛擬按鍵換膚

??我們先看一張圖

image.png

??很多人都見過這張圖赢底，狀態(tài)欄是由 statusBarColor 和 colorPrimaryDark 來控制失都，底部虛擬按鍵是由 navigationBarColor 來控制的。

注意：其中 colorPrimaryDark 的全路徑是：android.support.v7.appcompat.R.attr.colorPrimaryDark
statusBarColor 的全路徑是：android.R.attr.statusBarColor
navigationBarColor 的全路徑是：android.R.attr.navigationBarColor

??狀態(tài)欄換膚和底部虛擬按鍵換膚有對應(yīng)的 api 可以調(diào)用幸冻，但是需要在 Android 5.0 版本以上才可以粹庞。注意狀態(tài)欄的配置有兩個(gè)，我們優(yōu)先從 statusBarColor 里面去找洽损，如果沒找到就去 colorPrimaryDark 中找庞溜。
??在 SkinThemeUtils 增加如下方法

    /**
     * 狀態(tài)欄、底部虛擬按鈕換膚
     */
    public static void updateStatusBar(Activity activity) {
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
            return ;
        }
        int[] resId = getResId(activity, STATUSBAR_COLOR_ATTRS);
        if(resId[0] == 0){
            resId[0] = getResId(activity,APPCOMPAT_COLOR_PRIMARY_DARK_ATTR)[0];
        }
        //更換狀態(tài)欄
        if(resId[0] != 0){
            activity.getWindow().setStatusBarColor(SkinResources.getInstance().getColor(resId[0]));
        }
        //更換底部虛擬按鍵
        if(resId[1] != 0){
            activity.getWindow().setNavigationBarColor(SkinResources.getInstance().getColor(resId[1]));
        }
    }

??然后我們在我們的主包下面添加如下代碼

image.png

image.png

??這樣我們確保就能在 Android 5.0 系統(tǒng)以上的手機(jī)可以使用使用 navigationBarColor 這個(gè)屬性并且可以進(jìn)行換膚碑定。然后我們把皮膚包中的 colorPrimaryDark 設(shè)置成白色流码，也就是最終換膚后系統(tǒng)狀態(tài)欄和底部虛擬按鍵的背景色都換成了白色。
??最后不傅，就是要調(diào)用狀態(tài)欄換膚的功能了旅掂。分別在 Activity 創(chuàng)建的時(shí)候以及我們點(diǎn)擊換膚按鈕的時(shí)候調(diào)用一次即可。

換膚前

換膚后

還原