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

Question

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

我的LoginActivity使用drawableTint属性和Toolbar（我知道它仅适用于API23及更高版本）。如何在旧版本上将drawableLeft图标显示为白色？

我的第二个更重要的问题涉及Toolbar及其兼容性。在API 24（使用Nexus 5X模拟）中，Toolbar在状态栏下方很好地对齐，而在API 19中，<?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> 位于状态栏下方，其状态也不匹配。现在，我知道工具栏是Material Design的新增功能，因此得到了API 23+的支持（我认为），但解决这个问题的正确方法是什么？

app_bar_main.xml

Toolbar

非常感谢任何帮助！

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

修改

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

更新

将AppBarLayout应用于CoordinatorLayout和arrays后，这是以下结果，但未解决我的问题。它实际上使情况更糟，因为它破坏了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：

rake db:create

^Source

  

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

将Drawable drawable = getResources().getDrawable(R.drawable.some_drawable); drawable = DrawableCompat.wrap(drawable); DrawableCompat.setTint(drawable.mutate(), getResources().getColor(android.R.color.white)); 应用于android:fitsSystemWindows="true"及其父母。

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在下面休息。