底部弹出窗口 Android- 滚动问题

Question

我需要底部工作表在两个位置停止。我有以下底部工作表的代码。

<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:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    ....
</RelativeLayout>

<FrameLayout
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
       <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:minHeight="1000dp"
                android:orientation="vertical">
                ....
            </LinearLayout>
      </ScrollView>
 </FrameLayout>

and

View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
    final BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
    behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
        @Override
        public void onStateChanged(@NonNull View bottomSheet, int newState) {
            // React to state change
            Log.e("onStateChanged", "onStateChanged:" + newState);
            if (newState == BottomSheetBehavior.STATE_EXPANDED) {
                behavior.setPeekHeight(600);
                showAgain.setVisibility(View.GONE);
                mMap.getUiSettings().setScrollGesturesEnabled(false);
            } else if (newState == BottomSheetBehavior.STATE_COLLAPSED) {

                if (behavior.getPeekHeight() == 600) {
                    behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
                    behavior.setPeekHeight(80);
                    mMap.getUiSettings().setScrollGesturesEnabled(false);
                } else if (behavior.getPeekHeight() == 80) {
                    showAgain.setVisibility(View.VISIBLE);
                    mMap.getUiSettings().setScrollGesturesEnabled(true);
                }

            }
        }

        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {
            // React to dragging events
            Log.e("onSlide", "onSlide " + slideOffset);
        }
    });

    behavior.setPeekHeight(600);

这段代码除了一个问题外运行良好。第一次使用时，我必须向上滚动底部工作表，然后才能向下滚动它。我无法直接向下滚动工作表。

任何帮助将不胜感激。

- Amrit Sidhu

Answer 1

不要使用scrollview，可以使用NestedScrollView，它与CoordinatorLayout更配合得好。确保在NestedScrollView中使用app:layout_behavior="@string/appbar_scrolling_view_behavior"以实现内容平滑滚动。

mBottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
        @Override
        public void onStateChanged(@NonNull View bottomSheet, int newState) {
            if (newState == BottomSheetBehavior.STATE_COLLAPSED) {
                mBottomSheetBehavior.setPeekHeight(0);
            }
        }

        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {
        }
    });

@Override
public void onClick(View v) {
    switch (v.getId()) {
        case R.id.btn_negetive: {
            mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
            mBottomSheetBehavior.setPeekHeight(Constants.PEEK_HEIGHT);
            mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
            break;
        }
        case R.id.btn_positive: {
            //some code
        }
    }
}

对我来说，上面的解决方案很有效，使用此链接：https://code.tutsplus.com/articles/how-to-use-bottom-sheets-with-the-design-support-library--cms-26031

- Subir Chakraborty

---

对我来说，将ScrollView替换为NestedScrollView就解决了问题，谢谢。 - Maksim Ostrovidov

Answer 2

尝试设置：

app:behavior_hideable="true"

在您的XML文件和活动中添加类似以下的内容：

else if (newState == BottomSheetBehavior.STATE_HIDDEN{
    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
    mBottomSheetBehavior.setPeekHeight(80); }

这将允许您立即向下拉动底部对话框（如果您想的话）。

- Valkyrie

Answer 3

尝试这样做， 希望能有所帮助

在初始化视图后放置此代码

  ViewCompat.postOnAnimation(coordinatorLayout, new Runnable() {
            @Override
            public void run() {
                ViewCompat.postInvalidateOnAnimation(coordinatorLayout);
            }
        });

- Quick learner