Android 4: 動態切換界面風格

Theme.Light:

Theme.Dark:

1. styles.xml定義兩套theme

[html]

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <style name="AppTheme.Light" parent="@Android:style/Theme.Holo.Light">
4. <item name="menuIconToggleTitle">@drawable/ic_menu_toggle_title_holo_light</item>
5. <item name="menuIconToggleTheme">@drawable/ic_menu_toggle_theme_holo_light</item>
6. </style>
7. <style name="AppTheme.Dark" parent="@android:style/Theme.Holo">
8. <item name="menuIconToggleTitle">@drawable/ic_menu_toggle_title_holo_dark</item>
9. <item name="menuIconToggleTheme">@drawable/ic_menu_toggle_theme_holo_dark</item>
10. </style>
11. </resources>

[html]

1. case R.id.menu_toggleTheme:
2. if (mThemeId == R.style.AppTheme_Dark) {
3. mThemeId = R.style.AppTheme_Light;
4. } else {
5. mThemeId = R.style.AppTheme_Dark;
6. }
7. this.recreate();
8. return true;

[html]

1. @Override
2. public void onSaveInstanceState (Bundle outState) {
3. super.onSaveInstanceState(outState);
4. outState.putInt("theme", mThemeId);
5. }

[html]

1. if(savedInstanceState != null) {
3. if (savedInstanceState.getInt("theme", -1) != -1) {
4. mThemeId = savedInstanceState.getInt("theme");
5. this.setTheme(mThemeId);
6. }
7. }