如何如底部应用栏的材料指南中所示,在this style中设置工具栏的样式?
它是白色的,没有高程,标题填充比平常更多,等等。我在《材料指南》中找不到任何规格,也没有在material-components-android中找到任何主题引用。
答案 0 :(得分:0)
因此,您正在尝试将Toolbar
与白色BottomAppBar
一起使用。很简单。
要执行此操作,请在AppBarLayout
中将Toolbar
和CoordinatorLayout
添加到BottomAppBar
和FloatingActionButton
到父CoordinatorLayout
中,并设置{ app:layout_anchor
的{1}}属性对FloatingActionButton
的引用ID如下:
BottomAppBar
阅读: https://medium.com/@lupajz/the-place-for-bottomappbar-31e0db8f70b1以获取更多详细信息。
此外,<?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_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/yourwhitebackground"
app:elevation="0dp">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/yourwhitebackground"
app:layout_collapseMode="pin"
app:layout_scrollFlags="scroll|enterAlways"
/>
</android.support.design.widget.AppBarLayout>
<android.support.design.bottomappbar.BottomAppBar
android:id="@+id/bottom_appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:fabAttached="true"
app:backgroundTint="@color/colorPrimary"
app:fabCradleVerticalOffset="12dp">
</android.support.design.bottomappbar.BottomAppBar>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center_horizontal"
android:src="@drawable/ic_add_white_24dp"
app:layout_anchor="@+id/bottom_appbar"/>
</android.support.design.widget.CoordinatorLayout>
可能无法正常工作,请尝试以下操作:https://stackoverflow.com/a/45703684/4409113