BottomSheetDialog 、DialogFragment 、BottomSheetDialogFragment二次封装及使用方法

最新推荐文章于 2024-06-20 10:50:12 发布
最新推荐文章于 2024-06-20 10:50:12 发布
阅读量3.5k 收藏 4
点赞数 1
分类专栏： Android 文章标签： Dialog BasDialogFragment BottonSheetDialog BottomSheetDialogFragment
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43038028/article/details/88683154
版权

这三种dialog，在Android 开发中经常会使用到，基本用法网络上也有很多，下面主要阐述一下我在项目中遇到的坑以及对应的解决办法

BottomSheetDialog

issue ：

BottomSheetDialog 弹出时，阴影无法覆盖到状态栏，导致状态栏还是默认的背景色

处理方法：

在oncreate 的时候重新计算并设置window 窗口的高度

public class T3BottomSheetDialog extends BottomSheetDialog {

    public T3BottomSheetDialog(@NonNull Context context) {
        super(context);
    }

    public T3BottomSheetDialog(@NonNull Context context, int theme) {
        super(context, theme);
    }

    protected T3BottomSheetDialog(@NonNull Context context,
            boolean cancelable,
            OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        int statusBarHeight = getStatusBarHeight(getContext());
        int dialogHeight = DisplayUtil.getScreenH(getContext()) - statusBarHeight;
        getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, dialogHeight == 0 ? ViewGroup
                .LayoutParams.MATCH_PARENT : dialogHeight);
    }


    private static int getStatusBarHeight(Context context) {
        int statusBarHeight = 0;
        Resources res = context.getResources();
        int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            statusBarHeight = res.getDimensionPixelSize(resourceId);
        }
        return statusBarHeight;
    }
}
项目中使用方法：

    private void showSelectPhotoDialog() {
        if (mBottomSheetDialog == null) {
            mBottomSheetDialog = new T3BottomSheetDialog(getContext());
            mBottomSheetDialog.setContentView(R.layout.dialog_photo_selector);
            mBottomSheetDialog.getWindow().findViewById(R.id.design_bottom_sheet)
                    .setBackgroundResource(android.R.color.transparent);

            mBottomSheetDialog.findViewById(R.id.dialog_cancel_button)
                    .setOnClickListener(v -> mBottomSheetDialog.dismiss());

            mBottomSheetDialog.findViewById(R.id.dialog_from_album_button).setOnClickListener(v -> {
                mBottomSheetDialog.dismiss();
                requestPermission(new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE},
                        this::singleAlbum, getString(R.string.album_permission_needed));
            });

            mBottomSheetDialog.findViewById(R.id.dialog_take_photo_button).setOnClickListener(v -> {
                mBottomSheetDialog.dismiss();
                if (!checkPermission()) {
                    new TwoSelectorDialog(getContext(), "权限获取", "是否允许程序调用摄像头权限用于头像拍照", "取消",
                            "允许").setCancelClickListener(Dialog::dismiss).setConfirmClickListener(exSweetAlertDialog -> {
                        exSweetAlertDialog.dismiss();
                        requestPermission(new String[]{Manifest.permission.CAMERA},
                                this::takePhoto, getString(R.string.camera_permission_needed));
                    }).show();
                } else {
                    requestPermission(new String[]{Manifest.permission.CAMERA}, this::takePhoto,
                            getString(R.string.camera_permission_needed));
                }

            });

        }
        mBottomSheetDialog.show();
    }

这里需要注意的一点必选在setContentView之后才可以设置背景
在这里插入图片描述

DialogFragment

DialogFragment 分为 普通Dialog 样式和全屏dialog样式

普通Dialog 样式

主要在onCreateView 中设置相应的dialog 样式

        WindowManager.LayoutParams params = getDialog().getWindow().getAttributes();
        params.windowAnimations = R.style.ad_dialog_anim;
        getDialog().getWindow().setAttributes(params);
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        getDialog().setCanceledOnTouchOutside(false);

并在 onStart 中设置Dialog 对应的宽高，这样默认就在window 窗口中间显示

 Dialog dialog = getDialog();
        if (dialog != null) 
                dialog.getWindow()
                        .setLayout((int) (ScreenUtils.getScreenSizePoint().x * 0.8),
                                ViewGroup.LayoutParams.WRAP_CONTENT);
        }
全屏Dialog 样式

我找了很久始终不能让其全屏显示，最后发现如下方式

同样在onCreateView中

 getDialog().getWindow().setType(WindowManager.LayoutParams.TYPE_APPLICATION_PANEL);
            getDialog().getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
            getDialog().getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

在onStart中

Dialog dialog = getDialog();
        if (dialog != null) {
                dialog.getWindow()
                        .setLayout(  ViewGroup.LayoutParams.MATCH_PARENT,
                                ViewGroup.LayoutParams.MATCH_PARENT);
最后封装一下

public abstract class BaseDialogFragment extends DialogFragment {

    @Inject
    UserRepository mUserRepository;

    protected View mView;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater,
            ViewGroup container,
            Bundle savedInstanceState) {

        WindowManager.LayoutParams params = getDialog().getWindow().getAttributes();
        params.windowAnimations = R.style.ad_dialog_anim;
        getDialog().getWindow().setAttributes(params);
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        if (isFullScreen()) {
            getDialog().getWindow().setType(WindowManager.LayoutParams.TYPE_APPLICATION_PANEL);
            getDialog().getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
            getDialog().getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

        }
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        getDialog().setCanceledOnTouchOutside(false);
        mView = inflater.inflate(getLayoutId(), null);
        initView();
        initDatas();
        return mView;
    }

    protected abstract int getLayoutId();

    protected abstract void initDatas();

    protected abstract void initView();
    @Override
    public void onStart() {
        super.onStart();

        Dialog dialog = getDialog();
        if (dialog != null) {
            if (isFullScreen()){
                dialog.getWindow()
                        .setLayout(  ViewGroup.LayoutParams.MATCH_PARENT,
                                ViewGroup.LayoutParams.MATCH_PARENT);
            }else {
                dialog.getWindow()
                        .setLayout((int) (ScreenUtils.getScreenSizePoint().x * 0.8),
                                ViewGroup.LayoutParams.WRAP_CONTENT);
            }

        }
    }


    public boolean isFullScreen() {

        return false;
    }
    /**
     * 是否可以取消
     *
     * @param cancelEnable
     */

    public void setCancelEnable(boolean cancelEnable) {
        setCancelable(cancelEnable);
        getDialog().setCanceledOnTouchOutside(cancelEnable);
    }

}

具体子类继承该类，并实现是否是全屏展示，默认不是全屏展示

BottomSheetDialogFragment

BottomSheetDialogFragment 默认不处理的滑动方式，是先展开一部分，需要手动滑动，才能完整的展开其余内容，项目需求是直接展开全部内容，可以在onStart进行相关处理

public abstract class T3BottomSheetDialogFragment extends BottomSheetDialogFragment {
    protected View mView;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater,
            @Nullable ViewGroup container,
            @Nullable Bundle savedInstanceState) {
        mView = inflater.inflate(getLayoutId(), container, false);
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        initView();
        initData();
        return mView;
    }

    @Override
    public void onStart() {
        super.onStart();
        Dialog dialog = getDialog();
        if (dialog != null) {
            View bottomSheet = dialog.findViewById(R.id.design_bottom_sheet);
            bottomSheet.getLayoutParams().height = ViewGroup.LayoutParams.MATCH_PARENT;
        }
        final View view = getView();
        view.post(() -> {
            View parent = (View) view.getParent();
            CoordinatorLayout.LayoutParams params =
                    (CoordinatorLayout.LayoutParams) (parent).getLayoutParams();
            CoordinatorLayout.Behavior behavior = params.getBehavior();
            BottomSheetBehavior bottomSheetBehavior = (BottomSheetBehavior) behavior;
            bottomSheetBehavior.setPeekHeight(view.getMeasuredHeight());
            parent.setBackgroundColor(Color.TRANSPARENT);
        });
    }
    }

这里会存在另一个问题，就是在点击外部区域的时候，不能自动dismiss 对话框，我使用了一个讨巧的办法，使用了全屏

bottomSheet.getLayoutParams().height = ViewGroup.LayoutParams.MATCH_PARENT;

并在具体实现类对外部view的点击事件进行了处理

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:id="@+id/id_top_layout1"
        android:layout_width="match_parent"
        android:layout_height="55dp" />

    <View
        android:id="@+id/id_top_layout2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shaper_white_corner_5"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="52dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="指派车辆"
                android:textColor="#000"
                android:textSize="16dp" />

            <ImageView
                android:id="@+id/close_dialog"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="12dp"
                android:padding="5dp"
                android:src="@drawable/icon_common_cancel" />

        </RelativeLayout>


        <RelativeLayout
            android:minHeight="100dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.RecyclerView
                android:visibility="gone"
                android:id="@+id/car_list_recycler_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </RelativeLayout>
    </LinearLayout>


</LinearLayout>

这里预留了dialog 到屏幕顶部的最小高度 55 dp

    <View
        android:id="@+id/id_top_layout1"
        android:layout_width="match_parent"
        android:layout_height="55dp" />

然后监听了id_top_layout1，id_top_layout2 的touch 事件，一旦触摸直接dismiss 对话框


    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            dismiss();
        }
        return false;
    }
为了一口饭
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dialog 封装DialogFragment来实现的, 通用dialog
06-13
dialog 封装DialogFragment来实现的, 通用dialog 弹框.底部弹框,分享弹框
Android 之BottomsheetDialogFragment仿抖音评论底部弹出对话框效果(实例代码)
01-03
实现的效果图： 自定义Fragment继承BottomSheetDialogFragment 重写它的三个方法： onCreateDialog（） onCreateView（） onStart（） 他们的执行顺序是从上到下 import android.app.Dialog; import android.content.Context; import android.graphics.Color; import android.graphics.drawable.ColorDrawable; import android.os.Bundle; import android.util.
底部弹出抽屉BottomSheetDialogFragment，圆角背景，去除层叠，百分比设置高度【总结】
chuyouyinghe的专栏
07-07 879
demo：https://github.com/feiyuu/BottomSheetDialogDemo 基本使用很简单： public class FullSheetDialogFragment extends BottomSheetDialogFragment { private BottomSheetBehavior mBehavior; @Override public Dialog onCreateDialog(Bundle savedInstanceState) ...
BottomSheetDialogFragment使用
Super_666的博客
09-04 3433
BottomSheetDialogFragment继承于DialogFragment，一个Dialog形式的framgnet，可实现拖动打开及关闭 如源码所示，在BottonSheetDialogFragment内部是创建了一个BottomSheetDialog public class BottomSheetDialogFragment extends AppCompatDialogFragment { public BottomSheetDialogFragment() { }
Android studio如何用BottomSheetDialog实现底部弹窗
最新发布
weixin_73928886的博客
06-20 500
因为必须要使用Dialog，使用上局限相对多，因此一般适用于底部弹出的轻交互弹窗，如底部说明弹窗等。BottomSheetDialogFragment 的使用同普通的Fragment一样，可以将交互和UI写到Fragment内，适合一些有简单交互的弹窗场景，如底部分享弹窗面板等。BottomSheetBeahvior 一般直接作用在view上，一般在xml布局文件中直接对view设置属性，轻量级、代码入侵低、灵活性高,适用于复杂页面下的半屏弹出效果。对BottomSheetDialog中控件实现监听事件。
BottomSheetDialog 使用详解，设置圆角、固定高度，网易的朋友给我这份339页的Android面经
m0_60666452的博客
03-30 1298
这里只是一个展示效果，实际上使用场景可能会复杂一些，还要做一些操作等等，所以，也可以自定义dialog继承自BottomSheetDialog，然后处理自己的业务逻辑。比如：) {效果跟差不多，代码跟差不多。
Flutter开发之BottomSheetDialog选择组件-5（44）
沐雨07的专栏
07-24 1860
BottomSheetDialog、ModalBottomSheetDialog同样也是需要借助showDialog唤起，就跟它名字一样，这两种dialog是从屏幕下方向上弹出的，不同的是BottomSheetDialog默认会铺满全屏显示，而ModalBottomSheetDialog半屏显示，二者都支持随用户手指拖动上下移动。 方法签名 1.showBottomSheet(context,c...
DialogFragment运行原理及使用方法详解
01-21
Android 官方推荐使用 DialogFragment 来代替 Dialog ，可以让它具有更高的可复用性（降低耦合）和更好的便利性（很好的处理屏幕翻转的情况）。而创建 DialogFragment 有两种方式： 「法一：覆写其 onCreateDialog ...
Android中DialogFragment自定义背景与宽高的方法
01-05
注：官方不推荐直接使用Dialog创建对话框。 本文主要给大家介绍了关于Android中DialogFragment自定义背景与宽高的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 自定义方法如下： 先...
使用DialogFragment显示、搜索列表、recycleview+cardview列表
10-28
本教程将深入探讨如何利用`DialogFragment`来显示列表，以及如何在列表中集成搜索功能和使用`RecyclerView`结合`CardView`来优化列表显示。 首先，`DialogFragment`是`Fragment`的一个子类，它可以作为对话框呈现，...
Android中在DialogFragment内使用TabLayout+ViewPager
06-07
在Android开发中，有时我们需要创建一个可自定义的弹出窗口来展示信息，这通常可以通过使用`DialogFragment`实现。`DialogFragment`是Android提供的一个类，它扩展了`Fragment`，并添加了对话框样式的特性。在这个...
BottomSheetDialog——仿知乎分享弹出框
11-01
BottomSheetDialog 实现，仿知乎分享弹出框， http://blog.csdn.net/lucifervsme/article/details/52128816
Android BottomSheetDialogFragment 使用详解，设置圆角、固定高度、默认全屏
leveretz的博客
11-09 715
Android BottomSheetDialogFragment 使用详解，设置圆角、固定高度、默认全屏
BottomSheetDialog 使用详解，设置圆角、固定高度、默认全屏等
热门推荐
yechaoa
11-25 2万+
效果 MD风格的底部弹窗，比自定义dialog或popupwindow使用更简单，功能也更强大。 其实细分来说，是BottomSheet、BottomSheetDialog、BottomSheetDialogFragment BottomSheet 与主界面同层级关系，可以事件触发，如果有设置显示高度的话，也可以拉出来，且不会影响主界面的交互。 XML <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.
【Android】BottomSheetDialog详解
风吹起如花般细碎流年
02-14 1万+
1.简介BottomSheetDialog是一个自定义的从底部滑入的对话框。市面上很多App都有类似的效果，今天我们实现如下效果：2.页面布局从底部弹出view的效果是BottomSheetBehavior来实现的。view必须支持嵌套滚动，而且必须是CoordinatorLayout的直接子类，来看下主题布局。<?xml version="1.0" encoding="utf-8"?> <andr
android dialog的封装,Android系统Dialog的简单封装
weixin_42465158的博客
05-25 242
工作所需特意记录一下--------------------------------------------------------------------------------------------------------------------------------------/*** 对话框工具类** @author yibaoshan**/public class DialogToo...
华为系统BottomSheetDialog或DialogFragment底部弹出，Edittext键盘部分遮盖
jyfjyt的博客
07-12 5870
华为系统BottomSheetDialog或DialogFragment底部弹出，Edittext键盘部分遮盖 键盘底部遮盖现象 以BottomSheetDialog为例 查看BottomSheetDialog.java源码使用的是 Theme.Design.Light.BottomSheetDialog这个theme style.xml中继承Theme.Design.L...
BottomSheetDialog的简易使用
Always_MyHomeTown的博客
03-30 800
工作日志记录，最近工作上有一个设计效果类似于BottomSheetDialog的效果，这里做了一个demo，记录下实现的效果和代码，方便以后可以参照一下： 注意：使用这个BottomSheetDialog时候要映入对应得MaterialDesign包，我这里是androidx版本所有使用 compile 'com.google.android.material:material:1.0....
如何使用 DialogFragment
05-30
使用 DialogFragment 可以让你更方便地创建和管理对话框。下面是使用 DialogFragment 的基本步骤： 1. 创建一个继承自 `DialogFragment` 的类。 ```java public class MyDialogFragment extends DialogFragment { // ... } ``` 2. 在 `onCreateDialog()` 方法中创建对话框并返回。 ```java @Override public Dialog onCreateDialog(Bundle savedInstanceState) { // Create a new AlertDialog and set its properties AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setTitle("My Dialog Title"); builder.setMessage("Hello, DialogFragment!"); builder.setPositiveButton("OK", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int whichButton) { // Do something when OK is clicked } }); builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int whichButton) { // Do something when Cancel is clicked } }); return builder.create(); } ``` 在 `onCreateDialog()` 方法中，你可以创建任何类型的对话框，例如 `AlertDialog`、`ProgressDialog`、`DatePickerDialog` 等等。 3. 在需要显示对话框的地方，创建一个实例并调用 `show()` 方法。 ```java MyDialogFragment dialogFragment = new MyDialogFragment(); dialogFragment.show(getSupportFragmentManager(), "MyDialogFragment"); ``` 这里使用了 `getSupportFragmentManager()` 方法来获取 `FragmentManager`，并将 `DialogFragment` 添加到 `FragmentManager` 中。第二个参数是一个字符串标记，用于在以后找到该 `DialogFragment`。 以上就是使用 `DialogFragment` 的基本步骤。使用 `DialogFragment` 可以让你更方便地管理对话框的生命周期和状态，同时也可以让你的代码更加模块化和可重用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值