【发布时间】:2015-03-26 16:39:37
【问题描述】:
我正在使用 AppCompat V7 中的工具栏来替换以前的操作栏,并希望像以前的操作栏一样有工具栏的阴影。但是工具栏默认没有阴影,我已经尝试过reddit中提到的修复。但没有运气。
设置阴影的代码:
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>
谁能帮忙?
谢谢!
更新 1:根据 Willis 的建议,我显示了阴影,但它不在工具栏下方,而是在工具栏的左侧。
更新2:我注意到如果没有在toolbar.xml和styles.xml中设置windowContentOverlay,阴影实际上是在toolbar的顶部。
【问题讨论】:
-
这两个是完全不同的阴影。垂直的是
DrawerLayout。它应该显示在展开的抽屉旁边。水平的是windowContentOverlay在LOLLIPOP下面的API 的一部分。当您使用Toolbar小部件时,工具栏不是窗口装饰的一部分,因此阴影从工具栏上方的窗口顶部开始,而不是在其下方。您需要在Toolbar前LOLLIPOP下方添加一个额外的空View,并将其背景设置为可绘制的垂直阴影(8dp 高#20000000到#00000000)。在LOLLIPOP上,您可以在工具栏上设置 8dp 高度。 -
嗨,Eugen,你拯救了我的一天。这正是我所需要的,并且在棒棒糖之前运行良好。这应该是正确的答案。您可以将其发布为答案,我可以接受。非常感谢!
-
刚刚做到了,很高兴能为您服务。
标签: android android-appcompat material-design android-toolbar