Android BottomSheet实现可拉伸控件

 更新时间:2019年11月16日 14:07:06   作者:chaoyu168  
这篇文章主要为大家详细介绍了Android BottomSheet实现可拉伸控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

一、简介

Bottom Sheet是Design Support Library23.2 版本引入的一个类似于对话框的控件。 Bottom Sheet中的内容默认是隐藏起来的,只显示很小一部分,可以通过在代码中设置其状态或者手势操作将其完全展开,或者完全隐藏,或者部分隐藏。

二、使用

1、添加依赖:

implementation 'com.android.support:design:28.0.0'

2、布局

<?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:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
 
  <com.amap.api.maps.MapView
    android:id="@+id/map"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />
  <RelativeLayout
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="@dimen/height52px"
    app:behavior_hideable="false"
    app:behavior_peekHeight="@dimen/height84px"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior"
    tools:ignore="MissingPrefix"
    android:background="#ffffffff"
    >
 
    <include layout="@layout/bottom_sheet" />
  </RelativeLayout>
 
</android.support.design.widget.CoordinatorLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="@dimen/height216px"
  >
  <TextView
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="bottom_sheet_peek" />
</RelativeLayout>

3、代码实现

//底部抽屉栏展示地址
    mBehavior = BottomSheetBehavior.from(mRelativeLayout);
 
    mBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
      @Override
      public void onStateChanged(@NonNull View bottomSheet, @BottomSheetBehavior.State int newState) {
        String state = "null";
        switch (newState) {
          case 1:
            state = "STATE_DRAGGING";//过渡状态此时用户正在向上或者向下拖动bottom sheet
            break;
          case 2:
            state = "STATE_SETTLING"; // 视图从脱离手指自由滑动到最终停下的这一小段时间
            break;
          case 3:
            state = "STATE_EXPANDED"; //处于完全展开的状态
 
            break;
          case 4:
            state = "STATE_COLLAPSED"; //默认的折叠状态
            break;
          case 5:
            state = "STATE_HIDDEN"; //下滑动完全隐藏 bottom sheet
            break;
        }
 
      }
 
      @Override
      public void onSlide(@NonNull View bottomSheet, float slideOffset) {
        Log.i("BottomSheetDemo", "slideOffset:" + slideOffset);
      }
    });

4、几个属性含义:

// behavior_hideable:定义是否能通过下滑手势收起Bottom Sheet。
   app:behavior_hideable="true"
  //  behavior_peekHeight:定义可见部分的高度。
  app:behavior_peekHeight="80dp"
  app:layout_behavior="android.support.design.widget.BottomSheetBehavior"

5、BottomSheet的五种状态:

STATE_DRAGGING:手指在BottomSheet上下拖动从而使得布局跟着上下移动
STATE_SETTLING:当手指抬起之后,会根据当前的偏移量,决定是要将BottomSheet收起还是展开

这两种属于中间态,类似于ViewPager的SCROLL_STATE_DRAGGING和SCROLL_STATE_SETTLING
--------------------------------------
STATE_EXPANDED:展开
STATE_COLLAPSED:收起
STATE_HIDDEN:隐藏

三、封装的框架推荐

Flipboard/bottomsheet

soarcn/BottomSheet

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 你该知道的Gradle配置知识总结

    你该知道的Gradle配置知识总结

    这篇文章主要给大家介绍了关于Gradle配置的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友可以参考学习,下面随着小编来一起学习学习吧。
    2017-10-10
  • Android判断应用程序退到后台的方法(示例代码)

    Android判断应用程序退到后台的方法(示例代码)

    判断手机是否退到后台,这是我们在Android开发中实现一些功能时,经常会考虑的问题,这篇文章主要介绍了android判断应用程序退到后台的方法,需要的朋友可以参考下
    2023-03-03
  • Android开发环境搭建过程图文详解

    Android开发环境搭建过程图文详解

    这篇文章主要介绍了Android开发环境搭建过程图文详解,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • Android实现疯狂连连看游戏之状态数据模型(三)

    Android实现疯狂连连看游戏之状态数据模型(三)

    这篇文章主要为大家详细介绍了Android实现疯狂连连看游戏之状态数据模型,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Flutter状态管理Provider的使用示例详解

    Flutter状态管理Provider的使用示例详解

    这篇文章主要为大家介绍了Flutter状态管理Provider的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Android中AsyncTask异步任务使用详细实例(一)

    Android中AsyncTask异步任务使用详细实例(一)

    AsyncTask是Android提供的轻量级的异步类,可以直接继承AsyncTask,在类中实现异步操作,并提供接口反馈当前异步执行的程度(可以通过接口实现UI进度更新),最后反馈执行的结果给UI主线程,通过本文给大家介绍Android中AsyncTask异步任务使用详细实例(一),需要的朋友参考下
    2016-02-02
  • Android LineChart绘制多条曲线的方法

    Android LineChart绘制多条曲线的方法

    这篇文章主要为大家详细介绍了Android LineChart绘制多条曲线的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • android中选中菜单的显示跳转和隐式跳转的实例介绍

    android中选中菜单的显示跳转和隐式跳转的实例介绍

    android中选中菜单的显示跳转和隐式跳转的实例介绍,需要的朋友可以参考一下
    2013-05-05
  • Android 静默安装和卸载的方法

    Android 静默安装和卸载的方法

    本篇文章主要介绍了Android 静默安装和卸载的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Android开发实现读取Assets下文件及文件写入存储卡的方法

    Android开发实现读取Assets下文件及文件写入存储卡的方法

    这篇文章主要介绍了Android开发实现读取Assets下文件及文件写入存储卡的方法,涉及Android文件与目录的读取、写入、转换等相关操作技巧,需要的朋友可以参考下
    2017-10-10

最新评论