一、使用 setTheme 方法
在 colors.xml 中定义两组颜色,分别表示日间和夜间的主题色:
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="nightColorPrimary">#3b3b3b</color> <color name="nightColorPrimaryDark">#383838</color> <color name="nightColorAccent">#a72b55</color> </resources>
之后在 styles.xml 中定义两组主题,也就是日间主题和夜间主题:
<!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> //夜间主题 <style name="NightAppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/nightColorPrimary</item> <item name="colorPrimaryDark">@color/nightColorPrimaryDark</item> <item name="colorAccent">@color/nightColorAccent</item> <item name="android:textColor">@android:color/white</item> <item name="android:background">#303030</item> <item name="mainBackground">@color/nightColorPrimaryDark</item> </style> 在主题中的mainBackground属性是我们自定义的属性,用来表示背景色:<resources> <attr name="mainBackground" format="color|reference"></attr> </resources>
最后就是MainActivity的代码:publicclassMainActivityextendsAppCompatActivity {// 默认是日间模式privateinttheme = R.style.AppTheme;@OverrideprotectedvoidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 判断是否有主题存储if(savedInstanceState !=null){theme = savedInstanceState.getInt("theme");setTheme(theme);}setContentView(R.layout.activity_main);Button btn_theme = (Button) findViewById(R.id.btn_theme);btn_theme.setOnClickListener(newView.OnClickListener() {@OverridepublicvoidonClick(View v) {theme = (theme == R.style.AppTheme) ? R.style.NightAppTheme : R.style.AppTheme;MainActivity.this.recreate();}});}@OverrideprotectedvoidonSaveInstanceState(Bundle outState) {super.onSaveInstanceState(outState);outState.putInt("theme", theme);}@OverrideprotectedvoidonRestoreInstanceState(Bundle savedInstanceState) {super.onRestoreInstanceState(savedInstanceState);theme = savedInstanceState.getInt("theme");}}
二、使用 Android Support Library 中的 UiMode 方法
下面是 values/colors.xml :<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="textColor">#FF000000</color> <color name="backgroundColor">#FFFFFF</color> <color name="windowBackground">#fff</color> </resources>除了 values/colors.xml 之外,我们还要创建一个 values-night/colors.xml 文件,
用来设置夜间模式的颜色,其中 <color> 的 name 必须要和 values/colors.xml
中的相对应:<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3b3b3b</color> <color name="colorPrimaryDark">#383838</color> <color name="colorAccent">#a72b55</color> <color name="textColor">#FFFFFF</color> <color name="backgroundColor">#3b3b3b</color> <color name="windowBackground">#000</color> </resources>在 styles.xml 中去引用我们在 colors.xml 中定义好的颜色:<resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="android:textColor">@color/textColor</item> <item name="mainBackground">@color/backgroundColor</item> <item name="android:windowBackground">@color/windowBackground</item> </style>在 MyApplication 中先选择一个默认的 Mode :public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); // 默认设置为日间模式 AppCompatDelegate.setDefaultNightMode( AppCompatDelegate.MODE_NIGHT_NO); } }要注意的是,这里的 Mode 有四种类型可以选择:
1、MODE_NIGHT_NO: 使用亮色(light)主题,不使用夜间模式;
2、MODE_NIGHT_YES:使用暗色(dark)主题,使用夜间模式;
3、MODE_NIGHT_AUTO:根据当前时间自动切换 亮色(light)/暗色(dark)主题;
4、MODE_NIGHT_FOLLOW_SYSTEM(默认选项):设置为跟随系统,通常为 MODE_NIGHT_NO当用户点击按钮切换日/夜间时,重新去设置相应的 Mode :
public class MainActivity extends AppCompatActivity { private TextView tv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv=(TextView)findViewById(R.id.tv); tv.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentNightMode = getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK; getDelegate().setLocalNightMode(currentNightMode == Configuration.UI_MODE_NIGHT_NO ? AppCompatDelegate.MODE_NIGHT_YES : AppCompatDelegate.MODE_NIGHT_NO); // 同样需要调用recreate方法使之生效 recreate(); } }); } } ps:1.colorPrimary 应用的主要色调,actionBar默认使用该颜色,Toolbar导航栏的底色
2.colorPrimaryDark 应用的主要暗色调,statusBarColor默认使用该颜色
3.statusBarColor 状态栏颜色,默认使用colorPrimaryDark
4.windowBackground 窗口背景颜色
5.navigationBarColor 底部栏颜色
6.colorForeground 应用的前景色,ListView的分割线,switch滑动区默认使用该颜色
7.colorBackground 应用的背景色,popMenu的背景默认使用该颜色
8.colorAccent CheckBox,RadioButton,SwitchCompat等一般控件的选中效果默认采用该颜色
9.colorControlNormal CheckBox,RadioButton,SwitchCompat等默认状态的颜色。
10.colorControlHighlight 控件按压时的色调
11.colorControlActivated 控件选中时的颜色,默认使用colorAccent
12.colorButtonNormal 默认按钮的背景颜色
13.editTextColor:默认EditView输入框字体的颜色。
14.textColor Button,textView的文字颜色
15.textColorPrimaryDisableOnly RadioButton checkbox等控件的文字
16.textColorPrimary 应用的主要文字颜色,actionBar的标题文字默认使用该颜色
17.colorSwitchThumbNormal: switch thumbs 默认状态的颜色. (switch off)
Android主题切换实践
本文介绍两种实现Android应用程序日间和夜间模式切换的方法:一是通过setTheme方法改变Activity的主题;二是利用Android Support Library中的UiMode机制实现更为灵活的主题切换。
807

被折叠的 条评论
为什么被折叠?



