底部 Sheet Android- 滚动问题
Bottom Sheet Android- Scrolling issue
我需要底部sheet在两个位置止损。我有以下 Bottom Sheet.
代码
<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>
和
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);
除一件事外,这段代码工作正常。第一次我必须向上滚动底部 sheet 然后我可以向下滚动它。我不能直接向下滚动 sheet.
我们将不胜感激。
尝试设置:
app:behavior_hideable="true"
在您的 xml 文件和 activity 中添加如下内容:
else if (newState == BottomSheetBehavior.STATE_HIDDEN{
mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
mBottomSheetBehavior.setPeekHeight(80); }
如果您愿意,这将允许您的底部 sheet 对话框立即被拉下。
试试这个,
希望对你有帮助
在初始化视图之后放这个
ViewCompat.postOnAnimation(coordinatorLayout, new Runnable() {
@Override
public void run() {
ViewCompat.postInvalidateOnAnimation(coordinatorLayout);
}
});
您可以使用 NestedScrollView 而不是使用滚动视图
与 CoordinatorLayout 配合使用效果更好
确保使用 app:layout_behavior="@string/appbar_scrolling_view_behavior" 来平滑滚动 NestedScrollView[=12 中的内容=]
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
}
}
}
上面的解决方案对我有用link:
https://code.tutsplus.com/articles/how-to-use-bottom-sheets-with-the-design-support-library--cms-26031
我需要底部sheet在两个位置止损。我有以下 Bottom Sheet.
代码<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>
和
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);
除一件事外,这段代码工作正常。第一次我必须向上滚动底部 sheet 然后我可以向下滚动它。我不能直接向下滚动 sheet.
我们将不胜感激。
尝试设置:
app:behavior_hideable="true"
在您的 xml 文件和 activity 中添加如下内容:
else if (newState == BottomSheetBehavior.STATE_HIDDEN{
mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
mBottomSheetBehavior.setPeekHeight(80); }
如果您愿意,这将允许您的底部 sheet 对话框立即被拉下。
试试这个, 希望对你有帮助
在初始化视图之后放这个
ViewCompat.postOnAnimation(coordinatorLayout, new Runnable() {
@Override
public void run() {
ViewCompat.postInvalidateOnAnimation(coordinatorLayout);
}
});
您可以使用 NestedScrollView 而不是使用滚动视图 与 CoordinatorLayout 配合使用效果更好 确保使用 app:layout_behavior="@string/appbar_scrolling_view_behavior" 来平滑滚动 NestedScrollView[=12 中的内容=]
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
}
}
}
上面的解决方案对我有用link: https://code.tutsplus.com/articles/how-to-use-bottom-sheets-with-the-design-support-library--cms-26031