我尝试使用点击按钮上的ndroid-support-library 23.2调用BottomSheet。它工作正常,但没有采取全高度。它位于AppBarLayout
以下。我在Android Documentation
这是我的屏幕布局
这是我的代码。
activity_main.xml中
<?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:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="snap|enterAlwaysCollapsed"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
app:tabGravity="fill"
app:tabIndicatorColor="#5be5ad"
app:tabIndicatorHeight="4dp"
app:tabMode="fixed" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_email" />
<!-- BottomSheet Layout -->
<FrameLayout
android:id="@+id/bottom_sheet"
android:layout_width="match_parent"
android:layout_height="fill_parent"
app:behavior_hideable="true"
app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
</FrameLayout>
</android.support.design.widget.CoordinatorLayout>
MainActivity.java
View bottomSheet;
private BottomSheetDialog mBottomSheetDialog;
private void initView(){
/*
Bottom Sheet Initialization
*/
CoordinatorLayout coordinatorLayout = (CoordinatorLayout)findViewById(R.id.main_content);
// The View with the BottomSheetBehavior
bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
behavior = BottomSheetBehavior.from(bottomSheet);
// behavior.setState(BottomSheetBehavior.STATE_HIDDEN);
behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
@Override
public void onStateChanged(@NonNull View bottomSheet, int newState) {
// React to state change
CommonMethods.getInstance().e("onStateChanged", "onStateChanged:" + newState);
if (newState == BottomSheetBehavior.STATE_EXPANDED) {
fab.setVisibility(View.GONE);
} else {
fab.setVisibility(View.VISIBLE);
}
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
// React to dragging events
CommonMethods.getInstance().e("onSlide", "onSlide");
}
});
behavior.setPeekHeight(100);
}
点击事件代码:
@Override
public void onShareClick() {
if (behavior.getState() == BottomSheetBehavior.STATE_EXPANDED) {
behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
}
if(mBottomSheetDialog==null){
mBottomSheetDialog = new BottomSheetDialog(this);
View view = getLayoutInflater().inflate(R.layout.layout_bottomsheet, null);
mBottomSheetDialog.setContentView(view);
}
mBottomSheetDialog.show();
mBottomSheetDialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialog) {
mBottomSheetDialog = null;
}
});
}
答案 0 :(得分:2)
替换
behavior.setPeekHeight(100);
带
behavior.setPeekHeight(screenUtils.getHeight());
将解决您的问题。
答案 1 :(得分:1)
public class ScreenUtils {
Context ctx;
DisplayMetrics metrics;
public ScreenUtils(Context ctx) {
this.ctx = ctx;
WindowManager wm = (WindowManager) ctx
.getSystemService(Context.WINDOW_SERVICE);
Display display = wm.getDefaultDisplay();
metrics = new DisplayMetrics();
display.getMetrics(metrics);
}
public int getHeight() {
return metrics.heightPixels;
}
public int getWidth() {
return metrics.widthPixels;
}
public int getRealHeight() {
return metrics.heightPixels / metrics.densityDpi;
}
public int getRealWidth() {
return metrics.widthPixels / metrics.densityDpi;
}
public int getDensity() {
return metrics.densityDpi;
}
public int getScale(int picWidth) {
Display display
= ((WindowManager) ctx.getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int width = display.getWidth();
Double val = new Double(width) / new Double(picWidth);
val = val * 100d;
return val.intValue();
}
}
使用上面的课程,我们可以像这样设置窥视高度。它会给出屏幕的最大高度。
BottomSheetBehavior mBehavior = BottomSheetBehavior.from((View) contentView.getParent());
ScreenUtils screenUtils=new ScreenUtils(getActivity());
mBehavior.setPeekHeight(screenUtils.getHeight());
答案 2 :(得分:1)
对于BottomSheetDialog,您需要将fitContents设置为false
behavior.isFitToContents=false
behavior.state=BottomSheetBehavior.STATE_EXPANDED
答案 3 :(得分:0)
不要使用BottomSheetDialog
只使用下面的默认行为(删除BottomSheetDialog
代码)
@Override
public void onShareClick() {
if (behavior.getState() == BottomSheetBehavior.STATE_HIDDEN || behavior.getState() == BottomSheetBehavior.STATE_COLLAPSED) {
behavior.setState(BottomSheetBehavior.STATE_EXPANDED);
} else {
behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
}
}
将BottomSheet
布局用于match_parent
<FrameLayout
android:id="@+id/bottom_sheet"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:behavior_hideable="true"
app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
</FrameLayout>
通过上述更改,您可以看到带有全屏的BottomSheet
答案 4 :(得分:0)
只需添加此内容(科特琳):
bottomSheetDialog.behavior.state = BottomSheetBehavior.STATE_EXPANDED