android 如何设置底页完全父级高度?

70gysomp  于 2023-06-20  发布在  Android
关注(0)|答案(7)|浏览(143)

我正在尝试使用单击按钮上的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;
            }
        });
    }
7d7tgy0s

7d7tgy0s1#

更换

behavior.setPeekHeight(100);

behavior.setPeekHeight(screenUtils.getHeight());

会解决你的问题

ssgvzors

ssgvzors2#

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());
rqdpfwrv

rqdpfwrv3#

不要使用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>

通过以上更改,您可以看到带有全屏的底部表单

kninwzqo

kninwzqo4#

简单地添加这个(Kotlin):

bottomSheetDialog.behavior.state = BottomSheetBehavior.STATE_EXPANDED
bmvo0sr5

bmvo0sr55#

对于BottomSheetDialog,您需要将fitContents设置为false

behavior.isFitToContents=false 
behavior.state=BottomSheetBehavior.STATE_EXPANDED
gstyhher

gstyhher6#

好吧,这个问题在Stackoverflow中重复了很多次,没有人得到答案。但经过一些实验,我得到了解决方案的家伙:

class SortProductBottomSheet : BaseBottomSheet() {

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View = inflater.inflate(R.layout.dialog_blablabla, container, false)-

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        //THIS IS OUR LIFESAVER
        val dm = Resources.getSystem().displayMetrics
        val rect = dm.run { Rect(0, 0, heightPixels, widthPixels) }
        view.minimumHeight = rect.height()
    }

}
4c8rllxm

4c8rllxm7#

对于Java,使用setState(BottomSheetBehavior.STATE_EXPANDED),如下所示

final BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(requireContext());
bottomSheetDialog.setContentView(R.layout.bottom_sheet_layout);
bottomSheetDialog.getBehavior().setState(BottomSheetBehavior.STATE_EXPANDED);

相关问题