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

Question

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

My 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>

任何帮助将不胜感激！

P.S。如果需要任何代码来帮助分析，请提出。

编辑

我在过滤器Activity中也遇到了同样的Toolbar问题...

更新

将fitsSystemWindows应用于AppBarLayout和CoordinatorLayout后，结果如下，并没有解决我的问题。它实际上使情况变得更糟，因为它使 API 24.

中的输出不稳定

Answer 1

How can I get the drawableLeft icon to display in white on older versions?

你可以利用DrawableCompat:

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

^Source

What would be the correct approach in fixing this (toolbar allignment)?

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

Answer 2

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

<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 3

您可以通过编程方式设置颜色，它适合您：

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

Answer 4

问题 #1 已修复，感谢 Arnab Kuntu。

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

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

UI Compatibility Issues Between Different API Versions

android

android-layout

android-toolbar

android-resources

android-4.4-kitkat