如何去除应用栏上方的阴影？答案

【问题标题】：How to remove the shadow above the app bar?如何去除应用栏上方的阴影？
【发布时间】：2023-03-22 01:35:01
【问题描述】：

我想通过将<item name="android:statusBarColor">@android:color/transparent</item> 添加到style name="AppTheme.NoActionBar" 上的v21/styles.xml 来使状态栏透明，但我一直在应用栏上方出现阴影，是否可以将其移除？

编辑：好的，我认为解决方案是移动占据状态栏空间的应用栏并扩展额外 dp 的应用栏以匹配它的大小，所以我的问题是，是否可以向上移动或扩展应用栏高度？

activity_search.xml

<android.support.design.widget.AppBarLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:theme="@style/MyMaterialTheme.AppBarOverlay">

     <android.support.v7.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:background="?attr/colorPrimary"
          app:popupTheme="@style/MyMaterialTheme.PopupOverlay"/>

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_search"/>

【问题讨论】：

高于还是低于？如果高于，那么它就是你的 colorPrimaryDark
@Bhargav 在应用栏上方，在状态栏上可见。
是的，这是您的 colorPrimaryDark 属性，但是如果您要在其下绘制一个抽屉式导航栏，则状态栏应该是透明的
@Bhargav 是的，我之所以要添加 @android:color/transparent 是因为接下来我将实现一个导航抽屉。
请在此处发布该布局的邮政编码

标签： java android xml statusbar appbar

【解决方案1】：

我相信这个问题指向同样的问题 Android appbarlayout elevation appears in status bar

可能的解决方案：

您的根布局应始终具有android:fitsSystemWindows="true"，否则您的 UI 将不会绘制在状态栏后面。

现在将 AppBarLayout 包裹在另一个 CoordinatorLayout 中，该 CoordinatorLayout 具有

android:fitsSystemWindows="false"。

这将防止阴影溢出到状态栏。

【讨论】：

@brettbrdls，我认为这个解决方案现在不适用于 AppCompat v24.0.0
如果我的根布局是 CoordinatorLayout 怎么办？我尝试将其包装在另一个布局中，但在这种情况下，状态栏是白色的，而它应该是红色的（colorPrimaryDark）
不管你的根布局是什么。将您的 AppBarLayout 包装在 CoordinatorLayout 中并设置 android:fitsSystemWindows="false"。 CoordinatorLayout 旨在与 appcompat 元素进行特殊交互，因此它会自动处理许多事情
问题是，将您的 AppBarLayout 包装在另一个 CoordinatorLayout 中会破坏 ScrollingViewBehavior，因此 RecyclerView 现在覆盖了 appbar 和所有内容。在我的特殊情况下，我试图让一个 recyclerview 放在一个半透明的导航栏后面，而没有状态栏看起来像垃圾，没有状态栏超过导航抽屉的顶部等。到目前为止，我已经尝试过至少破坏其中之一。

【解决方案2】：

将海拔0dp添加到AppBarLayout

<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="0dp">

【讨论】：

但是是否可以只去除应用栏上方的阴影而不去除下方的部分？

【解决方案3】：

在您的活动的 onCreate 中使用所需的状态栏颜色调用以下方法。

public void changeStatusBarColor(String hexColor)
  {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = getWindow();
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(Color.parseColor("#AD2525"));
    }
 }

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"
android:fitsSystemWindows="true"
tools:context="com.example.bharath.myapplication.MainActivity">

<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"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#AD2525"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
    <!--
    Other views
    -->

</RelativeLayout></android.support.design.widget.CoordinatorLayout>

Result

【讨论】：

只有有效的答案。其他建议 app:elevation="0dp" 击败对象。谢谢

【解决方案4】：

<com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:elevation="0dp"
            android:theme="@style/AppTheme.AppBarOverlay">

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/colorPrimaryDark"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                 />

 </com.google.android.material.appbar.AppBarLayout>

【讨论】：

【解决方案5】：

您还可以根据状态栏高度在应用栏上添加填充：

ViewCompat.setOnApplyWindowInsetsListener(binding.root) { _, insets ->
        val statusBarInsets = insets.getInsets(WindowInsetsCompat.Type.statusBars())
        val bottomBarInsets = insets.getInsets(WindowInsetsCompat.Type.navigationBars())
        binding.appBarLayout.setPadding(0, statusBarInsets.top, 0, 0)
        binding.root.setPadding(0, 0, 0, bottomBarInsets.bottom)
        insets
    }

您可以将其放入您的 onCreateView() 或 onViewCreated() 方法中。请记住从布局中删除 android:fitsSystemWindows="true"，因为您正在手动设置视图的填充，并且插图必须像全屏片段一样保持不变。

【讨论】：

【解决方案6】：

把这一行放到你想移除哪个activity的action bar的高度的activity文件的oncreate()方法中

getSupportActionBar().setElevation(0);

【讨论】：