如何去除应用栏上方的阴影?
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 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);
【讨论】:
以上是关于如何去除应用栏上方的阴影?的主要内容,如果未能解决你的问题,请参考以下文章