Appcompat v21工具栏提升前棒棒糖

问题描述 投票：43回答：10

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

在我的应用程序中，我使用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" />

这是我使用的ToolBar样式：

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

问题是，提升前棒棒糖不起作用。所以我的问题是：棒棒糖设备上的工具栏下是否有阴影？

android toolbar shadow android-5.0-lollipop android-appcompat
10个回答
75
投票

这对我非常有用：

<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>
0
投票

另一个选项是以下库提供9patch阴影，如iosched app，android-materialshadowninepatch

16
投票

使用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"/>

可绘制的toolbar_shadow.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>

这将解决前棒棒糖设备中的问题。但是我们不希望在棒棒糖和上面的设备中出现这种阴影，因此可以通过棒棒糖及以上设备实现可视性。

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

完成。

12
投票

您可以使用带有FrameLayout的foreground="?android:windowContentOverlay"来添加阴影（高程）。 Lollipop前不支持elevation属性。因此，如果您使用像片段容器一样的FrameLayout，只需添加前景属性即可。

7
投票

由于我遇到了CardView小部件方法的问题，我使用了@Sniper提到的FrameLayout方法;它工作得很好！

我只是想分享你必须使用的代码片段。只需将其直接放在主要内容开始的工具栏下：

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:foreground="?android:windowContentOverlay">

别忘了关闭：

</FrameLayout>
6
投票

它可以有真实的阴影 - 动画和生成。 Lollipop使用的方法自Froyo开始提供。我认为Honeycomb用于阴影生成的硬件加速可用。以下是它的工作原理：

  • 将您的视图绘制到一个离线位图，并将LightingColorFilter设置为0,0
  • 使用ScriptIntrinsicBlur类和高程值作为半径来模糊黑色形状（屏幕外位图）
  • 在视图下方绘制位图

它需要添加自定义高程属性，能够渲染阴影的自定义视图，以及使用渲染脚本和兼容性库（对于旧设备）。我不打算深入研究细节，因为其中很多都包括编译和次要性能优化问题。但这是可能的。

为什么官方支持库中没有阴影？

  • 它需要在UI框架中进行更改，因为无法自由绘制外部视图边界
  • 平滑动画需要相当不错的GPU

看到：

5
投票

我正在使用这个answer：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/orange"
    android:titleTextAppearance="@color/White"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="@drawable/toolbar_shadow" />
</LinearLayout>

toolbar_shadow.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#3f3f3f"
        android:endColor="@android:color/transparent"
        android:angle="270" />
</shape>
4
投票

您不能在API 21（Android Lollipop）之前使用elevation属性。但是，您可以通过编程方式添加阴影，例如使用位于Toolbar下方的自定义视图。

例如：

<ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar"
        android:background="@drawable/shadow"/>

阴影是可绘制的黑色渐变。

2
投票

要在工具栏下显示阴影，请使用Google Android设计支持库中提供的AppBarLayout。以下是如何使用它的示例。

<android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
   <android.support.v7.widget.Toolbar
            android:layout_height="?attr/actionBarSize"
            android:layout_width="match_parent"/>
     </android.support.design.widget.AppBarLayout>

要使用Google Android设计支持库，请在build.gradle文件中输入以下内容：

 compile 'com.android.support:design:22.2.0'
1
投票

只要没有操作栏菜单，手动添加阴影的解决方案就可以正常工作。如果是这样，阴影视图将在操作栏图标之前停止。

我认为顶部有一个垂直的线性布局，顶部是appbar，下面是阴影的视图作为下一个线性布局项目，或者在我的情况下，它是更容易的

<LinearLayout Vertical> 
  <v7 toolbar/>
  <RelativeLayout>
     <View for shadow with alignParent_top= true/>
      ....
  </RelativeLayout>
</LinearLayout>

我真的希望不久的将来appCompat会解决这个问题。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.