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

Question

我正在开发一个使用 Navigation Drawer（我从 Android Studio 的 Activity 模板生成）的应用，该应用在内部使用 fragments。导航抽屉嵌套在我的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"

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

Answer 2

如何让 drawableLeft 图标在旧版本上显示为白色？

您可以使用DrawableCompat:

Drawable drawable = getResources().getDrawable(R.drawable.some_drawable);
drawable = DrawableCompat.wrap(drawable);
DrawableCompat.setTint(drawable.mutate(), getResources().getColor(android.R.color.white));

^Source

解决此问题的正确方法是什么（工具栏对齐）？

将android:fitsSystemWindows="true" 应用于Toolbar 及其父母。

Answer 3

您可以以编程方式设置颜色，它会为您工作：

// 0=left, 1=top , 2=right , 3=bottom
    editText.getCompoundDrawables[0].mutate().setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP); 

Answer 4

感谢 Arnab Kuntu 解决了问题 #1。

问题 #2 幸运的是，我在玩 styles 中的主题时为自己找到了解决方案。我的AppTheme 在<item name="android:windowTranslucentStatus">true</item> 中嵌套了以下声明，使Status bar 透明，这使模拟器认为没有基础来支持下面的Action Bar / Toolbar。