我正在尝试使用AppBarLayout将工具栏添加到活动中,但是无法在其上获得任何高程或阴影。
我正在使用以下布局和样式;
<!-- activity -->
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
style="@style/Widget.App.AppBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?actionBarSize" />
</com.google.android.material.appbar.AppBarLayout>
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
app:defaultNavHost="true"
app:navGraph="@navigation/main_graph"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
<!-- styles -->
<style name="App" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="colorSecondary">@color/colorAccent</item>
<item name="colorSurface">@color/background</item>
<item name="toolbarStyle">@style/Widget.App.Toolbar</item>
<item name="android:statusBarColor">@color/background</item>
<item name="android:windowLightStatusBar">true</item>
<item name="android:navigationBarColor">@android:color/white</item>
<item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>
</style>
<style name="App.PopupTheme" parent="ThemeOverlay.MaterialComponents.Light">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="colorSecondary">@color/colorAccent</item>
</style>
<style name="Widget.App" parent="@android:style/Widget.Material" />
<style name="Widget.App.AppBar" parent="@style/Widget.Design.AppBarLayout">
<item name="android:background">@color/white</item>
<item name="android:elevation">12dp</item>
<item name="elevation">12dp</item>
</style>
<style name="Widget.App.Toolbar" parent="Widget.MaterialComponents.Toolbar">
<item name="android:paddingEnd">8dp</item>
<item name="contentInsetStartWithNavigation">64dp</item>
<item name="popupTheme">@style/App.PopupTheme</item>
</style>
即使工具栏完全没有样式,显示的工具栏也没有任何阴影。
使用上面我得到的代码
但是它应该看起来像这样
我已经尝试过从开源Google IO应用程序复制样式(第二个屏幕快照来自该样式),但这也不起作用。
我正在使用
'com.google.android.material:material:1.2.0-alpha03'
(还尝试了最新的稳定版本)
预先感谢
答案 0 :(得分:0)
您可以将 android:clipChildren="false"
添加到父视图。
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:clipChildren="false">
<com.google.android.material.appbar.AppBarLayout>
<androidx.appcompat.widget.Toolbar
app:elevation="12dp"
/>
</com.google.android.material.appbar.AppBarLayout>
此外,appcompat库默认情况下仅对api28 +的阴影应用Alpha通道。
您可以通过在应用主题中添加android:spotShadowAlpha
属性(仅适用于api28 +)来更改此行为:
<!--Alpha value of the spot shadow projected by elevated views, between 0 and 1.-->
<item name="android:spotShadowAlpha">0.x</item>