样式工具栏,与底部应用栏一起使用

时间:2018-09-05 22:15:40

标签: android android-toolbar material-components android-bottomappbar

如何如底部应用栏的材料指南中所示,在this style中设置工具栏的样式?

它是白色的,没有高程,标题填充比平常更多,等等。我在《材料指南》中找不到任何规格,也没有在material-components-android中找到任何主题引用。

截屏: material design guidelines

1 个答案:

答案 0 :(得分:0)

因此,您正在尝试将Toolbar与白色BottomAppBar一起使用。很简单。

要执行此操作,请在AppBarLayout中将ToolbarCoordinatorLayout添加到BottomAppBarFloatingActionButton到父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