如何去除应用栏上方的阴影?

Posted

技术标签:

【中文标题】如何去除应用栏上方的阴影?【英文标题】:How to remove the shadow above the app bar? 【发布时间】:2016-06-12 16:32:57 【问题描述】:

我想通过将<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_
     android:layout_
     android:theme="@style/MyMaterialTheme.AppBarOverlay">

     <android.support.v7.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_
          android:layout_
          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 是因为接下来我将实现一个导航抽屉。 请在此处发布该布局的邮政编码 【参考方案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_
android:layout_
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_
android:layout_
android:fitsSystemWindows="true"
tools:context="com.example.bharath.myapplication.MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_
    android:layout_
    android:theme="@style/AppTheme.AppBarOverlay">

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

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

<RelativeLayout
    android:layout_
    android:layout_
    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_
            android:layout_
            app:elevation="0dp"
            android:theme="@style/AppTheme.AppBarOverlay">

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_
                android:layout_
                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);

【讨论】:

以上是关于如何去除应用栏上方的阴影?的主要内容,如果未能解决你的问题,请参考以下文章

iOS弹出框如何去除阴影

如何去除UITabBarIcon的阴影和光泽效果

Android 如何去除文字阴影?

UIPopoverController 的 UIView:如何去除阴影?

如何去除 Flutter 中的第二个应用栏?

NavigationBar 去除下面的横线