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

时间:2017-07-20 11:12:00

标签: android android-layout android-toolbar android-resources android-4.4-kitkat

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

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

我的第二个更重要的问题涉及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+的支持(我认为),但解决这个问题的正确方法是什么?

MainActivity

app_bar_main.xml

Toolbar

非常感谢任何帮助!

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

修改

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

更新

AppBarLayout应用于CoordinatorLayoutarrays后,这是以下结果,但未解决我的问题。它实际上使情况更糟,因为它破坏了API 24中的输出。

MainActivity after EDIT

4 个答案:

答案 0 :(得分: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"

如果我没错,这就是你的解决方案。 enter image description here

答案 1 :(得分:1)

  

如何在旧版本上将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"及其父母。

答案 2 :(得分:1)

您可以通过编程方式设置颜色,它适用于您:

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

答案 3 :(得分:0)

问题#1由于 Arnab Kuntu 而得到修复。

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