Android夜間模式（多主題）探索

Wing_Li發表於2018-12-04

如果本文幫助到你，本人不勝榮幸，如果浪費了你的時間，本人深感抱歉。希望用最簡單的大白話來幫助那些像我一樣的人。如果有什麼錯誤，請一定指出，以免誤導大家、也誤導我。本文來自：www.jianshu.com/users/320f9… 感謝您的關注。

主題功能老早就想研究了，可是看了很多之後，發現想要很好的實現，並沒有什麼簡單的辦法。但是如果要求不高，實現起來還是挺簡單的。一起來看一下。

先說說簡單的實現步驟

在 styles.xml 中定義不同的主題風格；

在 attrs.xml 檔案中，定義自己的屬性；
在 layout 佈局檔案中，使用 styles.xml 中定義的屬性；
在 Activity 中切換主題，就好了。

然後來看每一步的詳細操作：

1. 在 styles.xml 中定義不同的主題風格

也就是定義多種風格的主題，設定不同的顏色等。

<resources>
	<style name="AppTheme" parent="Theme.AppCompat.Light">
		<!--Toolbar的背景顏色-->
		<item name="colorPrimary">@color/colorPrimary</item>
		<!--StatusBar的顏色-->
		<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
		<!--主標題的字型顏色-->
		<item name="android:textColorPrimary">@color/textColorPrimary</item>
		<!--控制元件的預設狀態顏色-->
		<item name="android:colorControlNormal">@color/colorControlNormal</item>
		<!--控制元件在選中狀態的顏色-->
		<item name="colorAccent">@color/colorAccent</item>
		<!--Activity的背景顏色-->
		<item name="android:windowBackground">@color/windowBackground</item>
		<!--自定義的屬性-->
		<item name="Text_bg_Color">@color/Text_bg_Color</item>
	</style>

	<style name="AppThemeNight" parent="Theme.AppCompat.Light">
		<item name="colorPrimary">@color/NcolorPrimary</item>
		<item name="colorPrimaryDark">@color/NcolorPrimaryDark</item>
		<item name="android:textColorPrimary">@color/NtextColorPrimary</item>
		<item name="android:colorControlNormal">@color/NcolorControlNormal</item>
		<item name="colorAccent">@color/NcolorAccent</item>
		<item name="android:windowBackground">@color/NwindowBackground</item>
		<item name="Text_bg_Color">@color/NText_bg_Color</item>
	</style>
</resources>
複製程式碼

大多時候，系統自帶的屬性並不夠用，所以就需要自定義一些屬性，比如說上面的最後一個屬性。自定義方法如下

2. 在 attrs.xml 檔案中，定義自己的屬性

在values資料夾下，新建attrs.xml檔案，定義自己的屬性。

<resources>
    <attr name="Text_bg_Color" format="color"/>
</resources>
複製程式碼

3. 在 layout 佈局檔案中，使用 styles.xml 中定義的屬性

佈局檔案中，在需要改變色調的位置，設定相應的屬性。

4. 最後一步，在 Activity 中切換主題

public class MainActivity extends AppCompatActivity {

	/**
	 * recreate() 會使 Activity 重新重新整理，所以 這個標誌必須是靜態的。
	 */
	private static boolean night = false;

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

		findViewById(R.id.email_sign_in_button).setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View view) {
				change();
			}
		});
	}

	private void change() {
		night = !night;
		changeTheme();
		recreate();// 重啟 Activity
	}

	/**
	 * 根據標誌改變主題
	 */
	private void changeTheme() {
		if (night) {
			setTheme(R.style.AppThemeNight);
		} else {
			setTheme(R.style.AppTheme);
		}
	}
}
複製程式碼

到此，就可以實現一個最基本的切換主題了，這樣也是會有一個問題，也就是閃屏。但是如果要求不是很高，這也是可以滿足需求的。 此專案程式碼： github.com/Wing-Li/And…

閃屏也是大家想盡各種辦法想要解決的一個問題。

在此寫下大家解決的思路。