Android 材质设计-不显示阴影的AppCompat工具栏
我正在使用AppCompat V7中的工具栏替换以前的操作栏,并希望工具栏的阴影与以前的操作栏相同。但是默认情况下工具栏没有阴影,我已经尝试了上面提到的修复。但是没有运气 设置阴影的代码:Android 材质设计-不显示阴影的AppCompat工具栏,android,android-appcompat,material-design,android-toolbar,Android,Android Appcompat,Material Design,Android Toolbar,我正在使用AppCompat V7中的工具栏替换以前的操作栏,并希望工具栏的阴影与以前的操作栏相同。但是默认情况下工具栏没有阴影,我已经尝试了上面提到的修复。但是没有运气 设置阴影的代码: mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START); 工具栏布局: <?xml version="1.0" encoding="utf-8"?> <android.support.v7.w
mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
工具栏布局:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:minHeight="?attr/actionBarSize"
android:background="#F1F1F1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="0dp"
android:layout_margin="0dp"
foreground="?android:windowContentOverlay">
活动布局:
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity"
android:layout_width="match_parent"
android:id="@+id/drawer_layout"
android:layout_height="match_parent">
<!-- activity view -->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/toolbar"
layout="@layout/toolbar" />
<FrameLayout android:id="@+id/fragment_container"
android:layout_below="@id/toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</RelativeLayout>
<!-- navigation drawer -->
<RelativeLayout
android:id="@+id/left_drawer"
android:layout_gravity="start"
android:layout_width="match_parent"
android:background="#fff"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:divider="#eee"
android:background="#EEE"
android:id="@+id/drawer_header">
<ImageView
android:id="@+id/user_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:contentDescription="@string/user_icon"
android:src="@drawable/ic_action_person"
android:paddingTop="0dp"
android:paddingLeft="0dp"/>
<TextView
android:id="@+id/userName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/user_icon"
android:gravity="center"
android:layout_gravity="center_vertical"
android:layout_centerVertical="true"
android:textSize="14sp"
android:text="@string/not_logged_in"
android:paddingTop="0dp"
android:paddingBottom="0dp"/>
</RelativeLayout>
<ListView
android:id="@+id/drawer_list"
android:layout_below="@+id/drawer_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="#eee"
android:background="#fff"
android:dividerHeight="0dp" />
</RelativeLayout>
</android.support.v4.widget.DrawerLayout>
style.xml中的设置:
<style name="myAppTheme" parent="Theme.AppCompat.Light">
<item name="colorPrimary">@color/primaryColor</item>
<item name="colorPrimaryDark">@color/primaryColorDark</item>
<item name="android:windowNoTitle">true</item>
<item name="windowActionBar">false</item>
<item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
<item name="android:windowContentOverlay">@drawable/drawer_shadow</item>
</style>
<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
<item name="spinBars">true</item>
<item name="color">@android:color/black</item>
</style>
@颜色/原色
@颜色/原色深色
真的
假的
@样式/抽屉箭头样式
@可抽出式/抽屉式阴影
真的
@android:彩色/黑色
有人能帮忙吗
谢谢
更新1:根据威利斯的建议,我显示了阴影,但它不在工具栏下方,而是在工具栏的左侧。
更新2:我注意到,如果不在toolbar.xml和styles.xml中设置windowContentOverlay,阴影实际上位于工具栏的顶部。
您可以使用
setElevation
方法设置阴影量。例如:
getSupportActionBar().setElevation(25);
增加/减少传递给
setElevation
的值将增加/减少阴影效果的存在。这两种阴影是完全不同的。垂直是抽屉布局
。它应该在扩大的抽屉旁边展示。水平是棒棒糖
下面API上的windowContentOverlay
的一部分(在棒棒糖
上是@null
)
使用工具栏
小部件时,工具栏不再是窗口装饰的一部分,因此阴影从工具栏上方而不是下方的窗口顶部开始(因此您希望windowContentOverlay
为@null
)。此外,您还需要在工具栏下方添加一个额外的空视图,背景设置为可绘制的垂直阴影(从20000000
到00000000
的8dp高渐变效果最好)。在LOLLIPOP
上,您可以在工具栏上设置8dp高程
注意:使用与抽屉阴影相同但水平的渐变以获得最佳效果。要在工具栏下显示阴影,请使用谷歌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>
谢谢威利斯,我的问题有点混乱,实际上我需要显示阴影,但我没有找到解决办法。是否可以设置其他高程值来显示阴影?嗨,威利斯,非常感谢!我还为应用程序设置了主题。我现在显示了阴影,但它不在工具栏下方。还有什么建议吗?嗯。看看在<代码>工具栏属性中指定高程是否会有所不同。将以下内容添加到
工具栏
布局:android:elevation=“20dp”
。然后移除getSupportActionBar().setElevation(25)再次谢谢你,威利斯!我这边有一些困惑,我应该提到模拟器是android版本4.0。你的建议适用于5.0,我的问题是4.0。这两个版本完全不同。垂直的是抽屉布局
。它应该在扩大的抽屉旁边展示。水平方向是windowContentOverlay
的一部分,位于LOLLIPOP
下面的API上。当您使用工具栏
小部件时,工具栏不是窗口装饰的一部分,因此阴影从工具栏上方而不是下方的窗口顶部开始。您需要在工具栏下方添加一个额外的空视图
,背景设置为垂直阴影可绘制(8dp-toll\20000000
至\00000000
)。在LOLLIPOP
上,您可以在工具栏上设置8dp高程。嗨,Eugen,您救了我一天。这正是我所需要的,而且它在棒棒糖前非常有效。这应该是正确的anwser。你能把它贴出来作为答案吗?我可以接受。谢谢!就这么做了,很高兴我能为你服务。
compile 'com.android.support:design:22.2.0'