android - 不同 API 版本之间的 UI 兼容性问题

Question

我正在开发一个使用抽屉导航(我从 Android Studio 的 Activity 模板生成)的应用程序，它在内部使用 fragments。 Navigation Drawer 嵌套在我的 MainActivity 中。我还在工具栏中包含了一个菜单，其中有两个选项；过滤器和设置(也从 AS 模板生成的设置)。我在 API 19 和 24 之间测试应用程序时遇到了问题。

我的 LoginActivity 使用 drawableLeft 属性以及 drawableTint(我知道它只适用于 API23 及更高版本)。如何让 drawableLeft 图标在旧版本上显示为白色？

我的第二个更主要的问题是关于 Toolbar 及其兼容性。在 API 24(使用 Nexus 5X 模拟)中，Toolbar 在状态栏下方对齐，而在 API 19 中，Toolbar 位于状态栏下方，状态栏也有不匹配的颜色现在，我知道工具栏是 Material Design 的新增功能，因此得到了 API 23+ 的支持(我认为)，但是解决这个问题的正确方法是什么？

app_bar_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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="com.example.michael.whatsupldn.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/london_skyline_dark"
        android:layout_alignParentTop="true"
        android:id="@+id/imageView"
        android:contentDescription="@string/london_skyline"/>

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:elevation="4dp"
            android:fitsSystemWindows="true"
            app:popupTheme="@style/AppTheme.PopupOverlay"/>

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

</android.support.design.widget.CoordinatorLayout>

任何帮助将不胜感激!

附言如果需要任何代码来帮助分析，请提出要求。

编辑

我在 FilterActivity 中也遇到了同样的 Toolbar 问题...

更新

将 fitsSystemWindows 应用到 AppBarLayout 和 CoordinatorLayout 后，结果如下，这并没有解决我的问题。它实际上使情况变得更糟，因为它破坏了 API 24 中的输出。

Answer 1

我觉得你的矢量代码是这样的.....

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
<path
    android:fillColor="@color/colorWhite"
    android:pathData="M12,17c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 
    0.9,2 2,2zM18,8h-1L17,6c0,-2.76 -2.24,-5 -5,-5S7,3.24 7,6v2L6,8c-1.1,0 
    -2,0.9 -2,2v10c0,1.1 0.9,2 2,2h12c1.1,0 2,-0.9 2,-2L20,10c0,-1.1 -0.9,-2 
    -2,-2zM8.9,6c0,-1.71 1.39,-3.1 3.1,-3.1s3.1,1.39 
     3.1,3.1v2L8.9,8L8.9,6zM18,20L6,20L6,10h12v10z"/>
 </vector>

改变这行代码

     android:fillColor="@color/colorWhite"

为了.....

     android:fillColor="#FFFFFF"

如果我没记错的话，这就是适合您的解决方案。