Appcompat v21工具栏提升预Lollipop

Question

首先，我知道这个问题以前有人问过，但以前没有得到回答。我希望有人能给我一个答案。

在我的应用程序中，我使用Appcompat_v7（API 21）中的工具栏。这是我的代码：

<android.support.v7.widget.Toolbar
    style="@style/DarkActionbarStyle"
    android:id="@+id/toolBar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/actionbar_height" />

这是我使用的工具栏样式：

<style name="DarkActionbarStyle" parent="@style/Widget.AppCompat.Toolbar">
    <item name="android:background">?attr/colorPrimary</item>
    <item name="titleTextAppearance">@style/ActionBarTitle</item>
    <item name="android:elevation">2dp</item>
    <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
    <item name="theme">@style/ThemeActionBarDark</item>
</style>

<style name="ThemeActionBarDark" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="actionBarItemBackground">@drawable/btn_dark_orange</item>
    <item name="selectableItemBackground">@drawable/btn_dark_orange</item>
</style>

问题是，海拔在Lollipop之前不起作用。所以我的问题是：有可能在Lollipop前设备的工具栏下有阴影吗？

Answer 1

您可以使用FrameLayout和foreground=“？android:windowContentOverlay”向后添加阴影（立面）。Lollipop前不支持标高属性。所以，如果您像片段容器一样使用FrameLayout，只需向其添加前景属性即可。

Answer 2

将CardView容器用于工具栏是个坏主意。

CardView很重，尤其是对于低端设备。

最好的方法是在工具栏下方放置渐变阴影视图。阴影视图必须是协调器布局的直接子级。即，包含工具栏和阴影视图的appbar必须是同级的。

将此视图组件添加到布局中。

 <View
    android:id="@+id/gradientShadow"
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:background="@drawable/toolbar_shadow"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    app:layout_collapseMode="pin"/>

可绘制工具栏的阴影。xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">
<gradient
    android:angle="90"
    android:endColor="#33333333"
    android:startColor="@android:color/transparent"/>
</shape>

这将解决预Lollipop设备中的问题。但我们不希望在Lollipop及以上的设备中出现这种阴影，所以请查看带有Lollipop及以上的设备。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        findViewById(R.id.gradientShadow).setVisibility(View.GONE);
}

完成。

Answer 3

这对我非常有效：

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/primary"
    card_view:cardElevation="4dp"
    card_view:cardCornerRadius="0dp">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/primary"
        android:minHeight="?attr/actionBarSize" />

</android.support.v7.widget.CardView>