Android学习之BottomSheetDialog组件的使用


Posted in Java/Android onJune 21, 2022

基本介绍

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学习之BottomSheetDialog组件的使用

去弹窗外部遮罩阴影

增加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>

Android学习之BottomSheetDialog组件的使用

带阴影

Android学习之BottomSheetDialog组件的使用

不带阴影

关闭触发设置

  • 是否支持拖拽关闭通过设置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否则会报错。

Android学习之BottomSheetDialog组件的使用

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内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!


Tags in this post...

Java/Android 相关文章推荐
springboot拦截器无法注入redisTemplate的解决方法
Jun 27 Java/Android
SpringBoot实现异步事件驱动的方法
Jun 28 Java/Android
Spring Boot两种全局配置和两种注解的操作方法
Jun 29 Java/Android
Java基础之线程锁相关知识总结
Jun 30 Java/Android
Java spring定时任务详解
Oct 05 Java/Android
SpringBoot整合阿里云视频点播的过程详解
Dec 06 Java/Android
MybatisPlus EntityWrapper如何自定义SQL
Mar 22 Java/Android
SpringBoot整合Minio文件存储
Apr 03 Java/Android
SpringBoot全局异常处理方案分享
May 25 Java/Android
Android开发手册TextInputLayout样式使用示例
Jun 10 Java/Android
SpringBoot使用ip2region获取地理位置信息的方法
Jun 21 Java/Android
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
Aug 05 Java/Android
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
Jun 21 #Java/Android
Mybatis-plus配置分页插件返回统一结果集
SpringCloud超详细讲解Feign声明式服务调用
Jun 21 #Java/Android
使用Postman测试需要授权的接口问题
Jun 21 #Java/Android
springboot集成redis存对象乱码的问题及解决
Jun 16 #Java/Android
SpringBoot使用AOP实现统计全局接口访问次数详解
Jun 16 #Java/Android
Java中的Kotlin 内部类原理
Jun 16 #Java/Android
You might like
php数组删除元素示例
2014/03/21 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
Three.js源码阅读笔记(物体是如何组织的)
2012/12/27 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
用Python制作简单的钢琴程序的教程
2015/04/01 Python
python3大文件解压和基本操作
2017/12/15 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
销售自我评价
2013/10/22 职场文书
财务助理岗位职责
2013/11/10 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
护士节慰问信
2015/02/15 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
实习报告范文
2019/07/30 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python