定制Theme示例和踩坑大汇总
基于前两篇的文章的探究，本次带来的是皮肤切换和日夜间模式切换,以及基于重写部分控件展示Theme的作用；以及对于实际使用时的讲解，踩过的一些坑的汇总
Android Theme切换主题总结
笔者本文讲述在实践换肤以及日夜间模式切换的简单Demo
Android Demo展示讲解
效果展示
Demo效果展示
由图可以看到，是本示例由多种Theme和夜间模式配合展示效果，并且针对已有的activity也进行变换，这个也是我目前看到的很多已有的博客demo缺失部分，针对已经存在的acitivity如何处理
代码思路展示
- 首先是针对style中的Theme的设置：
- 定义多种Theme
- 针对日夜间模式的资源文件做的调整
原有的value文件夹外，再创建values-night
创建两份color文件,替换为不同的颜色（ps:需要在夜间模式替换的颜色定义到night文件中即可，其他颜色保留在默认文件夹中即可）
value 文件中的color
@color/colorPrimaryBlueDark
@color/colorPrimaryBlue
#AAFAFAFA
#bbdefb
#90caf9
#e1bee7
#ce93d8
value-night 文件中的color
@color/colorPrimaryBlueDark
@color/colorPrimaryBlue
#AAFAFAFA
#82b1ff
#2962ff
#d500f9
#aa00ff
- 代码中使用多Theme和日夜间模式
- 设定缓存Theme变化后的设置的保存位置
本demo中使用application做为保存，真实项目请使用xml等持久化方式来保存用户设置
public class DemoApplication extends Application {
private static DemoApplication demoApplication;
private static final int defaultStyle = R.style.AppTheme_blue;//默认的主题
private static int tempNightMode = AppCompatDelegate.MODE_NIGHT_NO;//默认日间模式
private static int style = defaultStyle;
@Override
public void onCreate() {
super.onCreate();
demoApplication = this;
}
//getter 和 setter 方法省略
}
- 设置界面的布局文件
- 设置界面java代码
public class MDActivity extends AppCompatActivity {
//控件定义
private RadioGroup rg;
private Switch switchDayNight;
private RadioButton pink;
private RadioButton blue;
private RadioButton Purple;
@Override
protected void onCreate(Bundle savedInstanceState) {
//activiy重建后，读取设置后的style
setTheme(DemoApplication.getStyle());
super.onCreate(savedInstanceState);
//activiy重建后，设置界面读取日夜间模式
if (DemoApplication.getTempNightMode() == AppCompatDelegate.MODE_NIGHT_YES) {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
} else {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
}
setContentView(R.layout.activity_md);
initView();
}
//初始化视图
private void initView() {
//activiy重建后，设置switch开关
switchDayNight = findViewById(R.id.switch_day_night);
if (AppCompatDelegate.getDefaultNightMode() == AppCompatDelegate.MODE_NIGHT_YES) {
switchDayNight.setChecked(true);
} else {
switchDayNight.setChecked(false);
}
//社会
switchDayNight.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
DemoApplication.setTempNightMode(AppCompatDelegate.MODE_NIGHT_YES);
Intent intent = getIntent();
intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);
setResult(RESULT_OK);
finish();
startActivity(intent);
overridePendingTransition(0, 0);
} else {
DemoApplication.setTempNightMode(AppCompatDelegate.MODE_NIGHT_NO);
Intent intent = getIntent();
intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);
setResult(RESULT_OK);
finish();
startActivity(intent);
overridePendingTransition(0, 0);
}
}
});
pink = findViewById(R.id.pink);
blue = findViewById(R.id.blue);
Purple = findViewById(R.id.Purple);
rg = findViewById(R.id.rg_theme);
setCheck();
rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.pink:
setStyle(R.style.AppTheme_Pink);
break;
case R.id.blue:
setStyle(R.style.AppTheme_blue);
break;
case R.id.Purple:
setStyle(R.style.AppTheme_Purple);
break;
default:
setStyle(R.style.AppTheme_blue);
}
}
});
}
//设置对应的主题
private void setCheck() {
switch (DemoApplication.getStyle()){
case R.style.AppTheme_Pink:
pink.setChecked(true);
break;
case R.style.AppTheme_blue:
blue.setChecked(true);
break;
case R.style.AppTheme_Purple:
Purple.setChecked(true);
break;
default:
blue.setChecked(true);
}
}
//将style进行设置，将界面进行重启
private void setStyle(int appTheme) {
//相同主题，不进行重启activity
if (DemoApplication.getStyle() == appTheme) {
return;
}
//缓存用户的主题设置
DemoApplication.setStyle(appTheme);
Intent intent = getIntent();
//设置将activity的转场动画关闭
intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);
//重启时Result丢失，返回上一个界面
setResult(RESULT_OK);
finish();
startActivity(intent);
//关闭转场动画
overridePendingTransition(0, 0);
}
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK)) {
setResult(RESULT_OK);//用于通知上一个界面，重启
finish();
return true;
}
return super.onKeyDown(keyCode, event);
}
- 进入设置界面前的界面
public class MainActivity extends AppCompatActivity {
//设置 setting动作
private int SETTINGS_ACTION = 1;
@Override
protected void onCreate(Bundle savedInstanceState) {
//读取新的style
setTheme(DemoApplication.getStyle());
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
//用于重新创建已有界面，来展示新的style和日夜间模式
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == SETTINGS_ACTION && resultCode == RESULT_OK){
finish();
Intent intent = getIntent();
startActivity(intent);
}
}
}
- 实现思路
主要的实现思路非常简单：
a. 其实就是由用户选定对应的style和日夜间模式后，关闭动画的情况下，重新启动 设置的activity
b. 返回上一界面时，界面style或日夜间模式有改动就在设置界面
setResult(RESULT_OK);
然后在上一个界面获取,然后重启界面即可
if (requestCode == SETTINGS_ACTION && resultCode == RESULT_OK){
finish();
Intent intent = getIntent();
startActivity(intent);
}
- 总结
总的来说其实，切换theme主题本身并没有涉及什么很高深的技术，只是对于我们所了解的基础的内容进行一个组合，我们可以用这些很简单知识创建一个更好的用户体验！
- 注意点
-
theme当中不要直接引用