Android Bottom Sheet详解

亦凉 2022-07-18 05:15 276阅读 0赞

转载地址：http://blog.csdn.net/qibin0506/article/details/51002241

最近[Android][]更新了support library, 版本到了23.2, 从官方blog中我们还是可以看到几个令人心动的特性的,例如夜间模式的支持,BottomSheet.今天我们就来介绍一下这个Bottom Sheet,这可能会给我们开发中需要的一些效果带来便利.

虽然这里我们准备用整整一篇博客的时间来介绍它,不过这东西使用起来太简单了也太方便了,这还要感谢Behavior机制的引入,我记得在博客[源码看CoordinatorLayout.Behavior原理][CoordinatorLayout.Behavior]中说过,Behavior其实是`CoordinatorLayout`   
的核心内容,Behavior允许我们在不用自定义控件的前提下实现一些效果,Bottom Sheet正是通过Behavior实现的.

首先我们来看一个效果,

![20160328232208371][]

这个效果的实现很简单,甚至基本不需要[Java][]代码,我们只需要给我们的下面的这个可滑动的view一个behavior就ok,把这个behavior指定为`android.support.design.widget.BottomSheetBehavior`就可以达到这种效果了,是不是很简单? 来看看代码吧,

![Center][]

![Center 1][]

![Center 2][]

这个确实简单,不过有没有发现它的用户不是那么的广,接下来我们就要来介绍一个用户相对来说广泛点的`BottomSheetDialog`,这个Dialog可以实现什么效果呢? 举个例子吧,现在我们在商城相关的app,当我们点击购买的时候需要选择一下要购买的商品的属性,以前我们可能是在底部弹出一个`Popupwindow`来实现,现在好了,我们可以利用`BottomSheetDialog`轻松的实现这个功能了.首先继续来看看效果吧.

![20160328232255184][]

这里是一个含有一个List的dialog,当我们点击按钮显示的时候,它会出现一部分,当我们拖动它的时候,他会占满屏幕,现在我们就来看一下代码如何实现,

![Center 3][]

![Center 4][]

[Android]: http://lib.csdn.net/base/15
[CoordinatorLayout.Behavior]: http://blog.csdn.net/qibin0506/article/details/50377592
[20160328232208371]: /images/20220717/37799053c4c945dc8b213e5b819e6d42.png
[Java]: http://lib.csdn.net/base/17
[Center]: /images/20220717/8b414242dafe484c9d6066c3ee2d448e.png
[Center 1]: /images/20220717/7d94a14c9bf243ed8b07f78c2841c31c.png
[Center 2]: /images/20220717/0e0c4ccb89e54cb49c5dfb82286ca754.png
[20160328232255184]: /images/20220717/5d3ddc40d0eb45619fd668ea10a3a515.png
[Center 3]: /images/20220717/00498938d8a341c7a7e09d49259b8b64.png
[Center 4]: /images/20220717/dad5fac69b5241cc9d254511ae444f9e.png