底部工作表 - 为什么使用FAB按钮而不是视图？如何在再次聚焦地图时隐藏底部工作表？

Question

我有两个问题。我的想法是：

当我点击google地图上的标记时，底部表格会显示标记的详细信息。

我现在有两个问题：

1. 当我点击标记时，底部表格视图向上滑动并覆盖屏幕的一半（就像我想要的那样），覆盖地图但是两个FAB按钮仍然停留在底部表格上方（我希望它们出现在底部表格下方）。 2. 当底部表格显示时，如果我点击地图，我想让底部表格消失（但它没有）。

这是我的代码：

main_layout_activity.xml:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:map="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="ankic.it.nasone.NasoneActivity" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_gravity="bottom|end|right"
        app:backgroundTint="@color/white"
        android:layout_margin="@dimen/fab_margin"
        app:fabSize="normal"

        />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fabAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:layout_gravity="top|end"
        android:layout_marginBottom="85dp"
        android:layout_marginEnd="0dp"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginStart="0dp"
        android:layout_marginTop="0dp"
        app:layout_anchor="@id/floatingButton"
        app:layout_anchorGravity="top"
        app:backgroundTint="@color/white"
        />


    <android.support.v4.widget.NestedScrollView
        android:id="@+id/bottom_sheet"
        android:layout_width="match_parent"
        android:layout_height="350dp"
        android:clipToPadding="true"
        android:background="@android:color/holo_orange_light"
        app:layout_behavior="android.support.design.widget.BottomSheetBehavior"
        >

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical" android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="This is a test dialog fragment"
                android:textColor="@android:color/white"
                android:textSize="16sp"
                android:padding="16dp"
                android:background="@android:color/holo_purple"/>

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:src="@drawable/immagine_lista"/>

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

MyActivity.java

这里是代码片段:

public class MyActivity extends AppCompatActivity
{

    protected FloatingActionButton floatingButton;
    private FloatingActionButton fabAdd;
    private BottomSheetBehavior mBottomSheetBehavior;

    ............



    @Override
    protected void onCreate(Bundle savedInstanceState) {

        ........

        this.floatingButton = (FloatingActionButton) findViewById(R.id.floatingButton);
        this.fabAdd=(FloatingActionButton)findViewById(R.id.fabAdd);
        this.cl=(CoordinatorLayout)findViewById(R.id.coordinatorLayoutNasoni) ;


        View bottomSheet = findViewById( R.id.bottom_sheet );
        mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet);

    }



    @Override
    protected void onResume() {
        super.onResume();


    }



    @Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;

        mMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener() {
            @Override
            public boolean onMarkerClick(Marker marker) {

                mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);

                return false;
            }
        });
    }

}

我该怎么办？

- ozzem

Answer 1

您需要进入您的MainActivity.java类，并将以下代码添加到onMarkerClick方法中。它设置了浮动操作按钮在底部表不同状态下的行为，并记得为两个浮动操作按钮都执行此操作...这里已经为其中一个实现了

     // set callback for changes
        bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState) {

                // this part hides the button immediately and waits bottom sheet
                // to collapse to show
                if (BottomSheetBehavior.STATE_EXPANDED== newState) {
                    floatingButton.animate().scaleX(0).scaleY(0).setDuration(0).start();
                    floatingButton.setVisibility(View.GONE);
                } else if (BottomSheetBehavior.STATE_COLLAPSED == newState) {
                    floatingButton.animate().scaleX(1).scaleY(1).setDuration(0).start();
                    floatingButton.setVisibility(View.VISIBLE);
                } else if (BottomSheetBehavior.STATE_HIDDEN == newState) {
                    floatingButton.animate().scaleX(1).scaleY(1).setDuration(0).start();
                    floatingButton.setVisibility(View.VISIBLE);

                }
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset) {
            }
        });
//        Log.d(this.getClass().getSimpleName(), marker.getTitle());
        return true;
    }

- Junior Azeh Ndifor