10

尝试使用 androidx 创建应用程序。我的布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.photo.PhotoFragment">


    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerPhoto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_anchorGravity="top|center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:itemCount="48"
        tools:layoutManager="GridLayoutManager"
        tools:listitem="@layout/recycler_photo_item"
        tools:spanCount="3" />

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/photoCoordinator"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        >

        <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/mainBottomAppBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:fabAlignmentMode="center"
            android:backgroundTint="@color/colorPrimary"
            app:fabCradleMargin="@dimen/cradle_margin"
            app:fabCradleRoundedCornerRadius="@dimen/corner_radius"
            app:hideOnScroll="true"
            app:navigationIcon="@drawable/ic_menu_24px" />

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/photoFab"
            style="@style/Widget.MaterialComponents.FloatingActionButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_camera_alt_24px"
            app:layout_anchor="@id/mainBottomAppBar" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

在此处输入图像描述 当我显示snackbar时它看起来像这个google在此处输入图像描述 说snackbar应该显示在底部应用程序栏和fab的上方但是当我试图显示带有底部边距的snackbar时我不能

val snackbarView = snackbar.view
    val params = snackbarView.layoutParams as CoordinatorLayout.LayoutParams

    params.setMargins(
            params.leftMargin + marginSide,
            params.topMargin,
            params.rightMargin + marginSide,
            params.bottomMargin + marginBottom
    )

    snackbarView.layoutParams = params

晶圆厂高达！如何在 fab 和底部应用栏上方显示小吃栏？对不起我的英语！

4

3 回答 3

17

使用材料组件库中的SnackbarsetAnchorView并使用该方法在Snackbar特定视图上方显示。

在您的情况下，您可以使用：

FloatingActionButton fab = findViewById(R.id.photoFab);
Snackbar snackbar = Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG);
snackbar.setAnchorView(fab);
于 2019-09-14T20:55:56.000 回答
3

因此，您遇到的问题是 Google 仍未更新 FAB 行为以与新设计保持一致。由于您的 FAB 位于协调器布局中并且您正在使用它来启动您的小吃店，因此 FAB 向上移动以适应（旧行为）

几个解决方案：

  1. 将 FAB 移出协调器布局，并将其覆盖在底部应用栏及其父协调器布局的顶部
    • 这可能会打乱 FAB 与底部应用栏的任何交互。这可能不是一个好的长期解决方案，因为将 FAB 放在协调器中通常是一个好主意

  2. 删除 FAB 行为

    • 这将删除 FAB 所做的任何行为。与从协调器中删除它的缺点相同，只是它更容易逆转。出于这个原因，我更喜欢这个解决方案而不是第一个

    • 您可以使用以下方法在 XML 中执行此操作：

      app.layout_behavior=""

    • 或者在代码中使用：

      CoordinatorLayout.LayoutParams params = 
                (CoordinatorLayout.LayoutParams) 
yourView.getLayoutParams();
params.setBehavior(new AppBarLayout.ScrollingViewBehavior());
yourView.requestLayout();

看起来谷歌仍在更新行为源。完成后，您可能希望删除它，以便它可以使用其默认行为：

https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/floatingactionbutton/FloatingActionButton.java

于 2018-09-12T20:27:35.810 回答
2

似乎谷歌更新了指南，但没有更新 SDK，以及它自己的应用程序（如 Gmail）。

我在这里报道过这个：

https://issuetracker.google.com/issues/122163315

于 2018-12-31T13:42:11.810 回答