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.MapViewandroid:id="@+id/map"android:layout_width="match_parent"android:layout_height="match_parent"/><RelativeLayoutandroid: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"><TextViewandroid: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() {@Overridepublic void onStateChanged(@NonNull View bottomSheet, @BottomSheetBehavior.State int newState) {String state = "null";switch (newState) {case 1:state = "STATE_DRAGGING";//过渡状态此时用户正在向上或者向下拖动bottom sheetbreak;case 2:state = "STATE_SETTLING"; // 视图从脱离手指自由滑动到最终停下的这一小段时间break;case 3:state = "STATE_EXPANDED"; //处于完全展开的状态break;case 4:state = "STATE_COLLAPSED"; //默认的折叠状态break;case 5:state = "STATE_HIDDEN"; //下滑动完全隐藏 bottom sheetbreak;}}@Overridepublic 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：隐藏

三、封装的框架推荐

https://github.com/Flipboard/bottomsheet

https://github.com/soarcn/BottomSheet

Android--BottomSheet实现可拉伸控件相关推荐

Android开发的之基本控件和详解四种布局方式
Android中的控件的使用方式和iOS中控件的使用方式基本相同,都是事件驱动.给控件添加事件也有接口回调和委托代理的方式.今天这篇博客就总结一下Android中常用的基本控件以及布局方式.说到布局方 ...
Study on Android【四】--显示控件使用
Android的界面显示同样也是基于控件的.通常是用View(包括ViewGroup)控件配上XML的样式来做的.具体细节不想说了,可以参考 Samples里的ApiDemos/View,和View的 ...
android 电量控件,Android实现显示电量的控件代码
下面介绍了Android实现显示电量的控件代码,具体代码如下: 1.目录结构,本人是使用安卓死丢丢. 2.运行界面,输入框中输入数值,点击刷新,会再电池中显示出相应的电量 3.绘制自定义电池控件,首先 ...
Android:Socket客户端开发，Android 的Socket客户端优化，Android非UI线程修改控件程序崩溃的问题
一.Android:Socket客户端开发创建一个工程我们要做的是按下按键之后,去往服务器 (服务器) 或者我们自己写的服务器 ,给他发送一些预定好的东西然后打开操作界面然后修改一下你要发送 ...
Android开发三：常用控件1--TextView、EditText、Button
上一节写到android的工程目录结构,这一节继续,开始学习控件,中间的跨度挺大,关于Activity和intent的知识我就略过了,原因很简单,网上的关于那个的资料特别多,而且理论的东西我这都是了解 ...
android第三方代码,Android--第三方控件--okHttp(示例代码)
Android中有很多的第三方控件,其中OkHttp是一个很强大的用于网络加载的第三方控件,当然了,它的内部也是使用原生的代码封装好的.今天我们就来看一下OkHttp的简单用法: 说到网络请求,肯定就 ...
让一个图片填满一个控件_如何在Android中实现一个全景图控件（二）
一.背景在如何在Android中实现一个全景图控件(一)中,介绍了项目的一些基本情况(有 demo 演示),如果项目对你有帮助,希望文章赏个赞,项目 star 一下. 项目地址:https://g ...
android获取自适应高度,Android中oncreate中获得控件高度或宽度的实现方法
Android中oncreate中获得控件高度或宽度的实现方法 onCreate函数只是提供了数据初始化的机会,此时还没有正式绘制图形.在图形尚未渲染的情况下,getWidth()或getHeight ...
android 动态地改变某控件的大小
android 动态地改变某控件的大小 LinearLayout.LayoutParams params = (LinearLayout.LayoutParams)某控件.getLayoutParam ...
Android中使用shape来定义控件的显示属性
参见: http://dev.10086.cn/cmdn/wiki/index.php?doc-view-6087.html 或者 http://kofi1122.blog.51cto.com/2 ...

Android--BottomSheet实现可拉伸控件

Android--BottomSheet实现可拉伸控件相关推荐

最新文章

热门文章