Android BottomSheet实现可拉伸控件

Android BottomSheet实现可拉伸控件,第1张

概述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=& ...

一、简介

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

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

总结

以上是内存溢出为你收集整理的Android BottomSheet实现可拉伸控件全部内容,希望文章能够帮你解决Android BottomSheet实现可拉伸控件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1144309.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存