Android MVVM框架使用（十三）UI更新 （App启动白屏优化、适配Android10

一、启动白屏优化

---

首先我们处理白屏的问题，首先我想的是更改一下启动页的样式，之前是一片白，现在我改成绿色的，绿才有安全感，要想代码过得去，样式就得带点绿，手动滑稽。

那么首先在colors.xml中增加一个颜色值：

#2EAD4D

1. 样式文件

这里我们需要重新设计一下一个启动页的样式，在写样式之前，先写样式文件，在drawable下新增一个splash_bg.xml，里面的代码如下：

<?xml version="1.0" encoding="utf-8"?>

<bitmap

android:gravity=“center”

android:src=“@drawable/ic_mvvm_logo_white” />

这里的图标没有的可以去我源码里面去拿，然后在themes.xml中新增一个样式。

然后设置到AndroidManifest.xml中，设置一下：

2. 修改页面

下面修改activity_splash.xml中的代码：

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout 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”

tools:context=“.ui.activity.SplashActivity”>

<TextView

android:id=“@+id/textView2”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“Model · View · ViewModel”

android:textColor=“@color/white”

android:textSize=“24sp”

android:textStyle=“bold”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

app:layout_constraintVertical_bias=“0.9” />

<TextView

android:id=“@+id/textView”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“初学者-Study”

android:textColor=“@color/white”

android:textSize=“18sp”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toBottomOf=“@+id/textView2”

app:layout_constraintVertical_bias=“0.35000002” />

</androidx.constraintlayout.widget.ConstraintLayout>

这里只有两个TextView。下面回到SplashActivity，修改代码如下：

@AndroidEntryPoint

public class SplashActivity extends BaseActivity {

@Inject

MVUtils mvUtils;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(ActivitySplashBinding.inflate(getLayoutInflater()).getRoot());

new Handler().postDelayed(() -> jumpActivityFinish(mvUtils.getBoolean(Constant.IS_LOGIN) ? MainActivity.class : LoginActivity.class),400);

}

}

代码比之前要更简洁一些了。运行一下：

还记得之前的页面的主要颜色是Android这个版本默认的紫色，现在都改成绿色，自行改动，改起来很简单，改完之后，运行一遍看看，检查一下，感觉改成绿色比原来这个紫色要好看很多。

二、适配深色模式

---

在Android10.0中推出了深色模式，深色模式有以下的优点：更好的用户体验、减少耗电量为弱视以及对强光敏感的用户提高可视性。

那么我们的App怎么去适配这个模式呢？首先我们观察一下项目的res文件夹，切换到Project模式。

你会发现这里有一个value-night文件夹，它里面只有一个themes.xml，简单明了的说就是当你的手机系统打开了深色模式的开关，你的App就会自动去使用values-night下的资源文件，包括样式，颜色，文字。这里面有很重要的一点，那就是你的资源ID在普通模式下和深色模式下需要一致，内容可以不一致，也可以一致。

如果你不想去适配深色模式，你希望深色模式和正常模式都一样，很简单，你把values下的内容再复制一份到values-night中，将values-night中的内容全部覆盖掉。

下面来说一下适配的要点。

1. 颜色

深色模式下最重要的一点就是设置颜色和主题样式，当前我们是给了一个green的色值作为主题颜色，下面我们改一下，这将是一个比较繁琐的工作，但是做完之后，你会觉得很Nice…

我改是直接拿这个MVVM-Demo去进行改动的，改动后的源码也会提交的GitHub上，因此在后面的内容中我不会每一个地方都讲一遍，毕竟实在是太多了，而且改起来比较繁琐，这里也奉劝一下，如果你的项目一开始没有做这个适配的话，而你的颜色值样式什么的都没有很规范的话，不建议你直接在自己的项目进行操作，要花很多时间去改。

预防针我已经打过了，下面进行正式的改动，首先呢？是颜色，也就是colors.xml，深色模式下会使用values-night中的资源文件，因此我们需要在values-night下面也创建一个colors.xml。

下面我简单用两张图说明一下：

第一张图是正常模式，第二张图是深色模式。两个资源的name一样，value不一样，也就是说正常情况下你的颜色是绿色，深色模式下就是黑色。

而在你的themes.xml中使用的就是这个colors.xml中的色值。

2. 样式

有了颜色之后，根据颜色设置的样式也会有相应的改变，而你要做的就是先通过你values下的themes.xml去设置好需要的颜色，然后再把这个文件themes.xml复制到values-night下，覆盖掉原有的themes.xml即可。下面我把values-night下的themes.xml的代码贴一下：