Android学习之BottomSheetDialog组件的使用

更新时间：2022年06月21日 09:38:14 作者：JulyYu

BottomSheetDialog是底部操作控件，可在屏幕底部创建一个支持滑动关闭视图。本文将通过示例详细讲解它的使用，感兴趣的小伙伴可以了解一下

基本介绍

BottomSheetDialog是底部操作控件，可在屏幕底部创建一个支持滑动关闭视图。

目前依赖使用如下：

implementation 'com.google.android.material:material:1.4.0'

基础使用

BottomSheetDialog需要为它添加视图内容，类似Dialog，且BottomSheetDialog的高度由自定义视图决定。

         var text = TextView(this@UIBottomSheetAC)
         text.text = "BottomSheetDialog"
         var linearLayout = LinearLayout(this@UIBottomSheetAC)
         linearLayout.addView(text)
         linearLayout.setBackgroundColor(Color.YELLOW)
         linearLayout.layoutParams = LinearLayout.LayoutParams(-1,500)
         val bottomSheetDialog =
             BottomSheetDialog(context, R.style.bottom_sheet_dialog)
         bottomSheetDialog.setContentView(linearLayout)
         bottomSheetDialog.show()

其他功能实现

圆角样式实现

BottomSheetDialog官方默认样式是矩形弹窗并不带圆角设置。但在日常开发中会遇到需要圆角弹窗设计要求需要对BottomSheetDialog默认样式做一些调整才能实现。

BottomSheetDialog样式文件

<style name="bottom_sheet_dialog" parent="Theme.Design.Light.BottomSheetDialog">
    <item name="bottomSheetStyle">@style/bottom_sheet_style_wrapper</item>
</style>
<style name="bottom_sheet_style_wrapper" parent="Widget.Design.BottomSheet.Modal">
    <item name="android:background">@android:color/transparent</item>
</style>

布局背景圆角

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/holo_blue_light" />
    <corners
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" />
</shape>

代码配置

// 视图背景增加圆角样式
linearLayout.background = getDrawable(R.drawable.ui_shape_top_radius15)
// bottomSheetDialog设置透明背景样式
val bottomSheetDialog =
    BottomSheetDialog(context, R.style.bottom_sheet_dialog)

去弹窗外部遮罩阴影

增加android:backgroundDimEnabled属性为false实现无背景阴影遮罩效果。

<style name="bottom_sheet_dialog" parent="Theme.Design.Light.BottomSheetDialog">
    <item name="bottomSheetStyle">@style/bottom_sheet_style_wrapper</item>
    <item name="android:backgroundDimEnabled">false</item>
</style>

带阴影

不带阴影

关闭触发设置

是否支持拖拽关闭通过设置setCancelable方法实现。
是否支持点击视图外部关闭弹窗通过setCanceledOnTouchOutside方法实现

bottomSheetDialog.setCancelable(false)
bottomSheetDialog.setCanceledOnTouchOutside(true)

列表视图使用

使用列表功能也是可以直接实现，添加ListView即可，列表高度可设置ViewGroup.LayoutParams实现（默认情况下若列表数据较多会撑满整个屏幕）。

Button(this).run {
    it.addView(this)
    text = "BottomSheetListDialog"
    setOnClickListener {
        var listView = ListView(this@UIBottomSheetAC)
        listView.adapter =
            ArrayAdapter<String>(
                this@UIBottomSheetAC,
                android.R.layout.simple_list_item_1,
                values
            )
        var coordinatorLayout = CoordinatorLayout(this@UIBottomSheetAC)
        val params = ViewGroup.LayoutParams(
            resources.displayMetrics.widthPixels,
            resources.displayMetrics.heightPixels
        )
        coordinatorLayout.addView(listView)
        val bottomSheetDialog =
            BottomSheetDialog(context, R.style.bottom_sheet_dialog)
        bottomSheetDialog.setContentView(coordinatorLayout,params)
        bottomSheetDialog.show()
    }
}

但使用BottomSheetBehavior要求根布局必须是CoordinatorLayout否则会报错。

 val bottomSheetBehavior = BottomSheetBehavior.from(coordinatorLayout)
        bottomSheetBehavior.peekHeight = resources.displayMetrics.heightPixels * 3 / 4
        bottomSheetBehavior.addBottomSheetCallback(object :
            BottomSheetBehavior.BottomSheetCallback() {
            override fun onSlide(bottomSheet: View, slideOffset: Float) {

            }

            override fun onStateChanged(bottomSheet: View, newState: Int) {
                if (newState == BottomSheetBehavior.STATE_HIDDEN) {
                    bottomSheetDialog.dismiss()
                }
            }
        })

到此这篇关于Android学习之BottomSheetDialog组件的使用的文章就介绍到这了,更多相关Android BottomSheetDialog内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Android自定义加载圈的方法
这篇文章主要为大家详细介绍了Android自定义加载圈的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
Android自定义一个view ViewRootImpl绘制流程示例
这篇文章主要为大家介绍了Android自定义一个view ViewRootImpl绘制流程示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
Android入门之PopupWindow用法实例解析
这篇文章主要介绍了Android入门之PopupWindow用法,对于Android初学者来说有一定的学习借鉴价值,需要的朋友可以参考下
2014-08-08
Android 自定义布局竖向的ViewPager的实现
这篇文章主要介绍了Android 自定义布局竖向的ViewPager的实现的相关资料,需要的朋友可以参考下
2017-05-05
利用Android实现比较炫酷的自定义View
自定义View、多线程、网络,被认为是Android开发者必须牢固掌握的最基础的三大基本功,这篇文章主要给大家介绍了关于如何利用Android实现比较炫酷的自定义View的相关资料,需要的朋友可以参考下
2021-07-07
解决java.lang.NoClassDefFoundError: android.support.v4.animati
这篇文章主要介绍了解决Android Studio出现java.lang.NoClassDefFoundError: android.support.v4.animation.AnimatorCompatHelper的问题，感兴趣的朋友一起看看吧
2021-08-08
android平台HttpGet、HttpPost请求实例
出自网络搜索引擎巨头的Android平台，其对网络的支持自然不用多说，在Android SDK中已经集成了Apache的HttpClient模块。使用HttpClient模块，我们就可以使用HTTP协议进行网络连接了
2014-05-05
Android中MPAndroidChart自定义绘制最高点标识的方法
目前在做一款软件,要求在展示走势图的时候对最高点进行自定义绘制，下面这篇文章主要给大家介绍了关于Android中MPAndroidChart自定义绘制最高点标识的方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2018-03-03
Android学习之Intent中显示意图和隐式意图的用法实例分析
这篇文章主要介绍了Android学习之Intent中显示意图和隐式意图的用法,以实例形式分析了Intent通讯的相关技巧与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
Kotlin类与属性及构造函数的使用详解
这篇文章主要介绍了Kotlin语言中类与属性及构造函数的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-09-09