溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在Android中使用BottomSheet實(shí)現(xiàn)一根根可拉伸控件

發(fā)布時(shí)間:2021-04-17 16:52:16 來源:億速云 閱讀:235 作者:Leah 欄目:移動(dòng)開發(fā)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)怎么在Android中使用BottomSheet實(shí)現(xiàn)一根根可拉伸控件,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

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、代碼實(shí)現(xiàn)

//底部抽屜欄展示地址
    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";//過渡狀態(tài)此時(shí)用戶正在向上或者向下拖動(dòng)bottom sheet
            break;
          case 2:
            state = "STATE_SETTLING"; // 視圖從脫離手指自由滑動(dòng)到最終停下的這一小段時(shí)間
            break;
          case 3:
            state = "STATE_EXPANDED"; //處于完全展開的狀態(tài)
 
            break;
          case 4:
            state = "STATE_COLLAPSED"; //默認(rèn)的折疊狀態(tài)
            break;
          case 5:
            state = "STATE_HIDDEN"; //下滑動(dòng)完全隱藏 bottom sheet
            break;
        }
 
      }
 
      @Override
      public void onSlide(@NonNull View bottomSheet, float slideOffset) {
        Log.i("BottomSheetDemo", "slideOffset:" + slideOffset);
      }
    });

4、幾個(gè)屬性含義:

// behavior_hideable:定義是否能通過下滑手勢收起B(yǎng)ottom Sheet。
   app:behavior_hideable="true"
  //  behavior_peekHeight:定義可見部分的高度。
  app:behavior_peekHeight="80dp"
  app:layout_behavior="android.support.design.widget.BottomSheetBehavior"

5、BottomSheet的五種狀態(tài):

STATE_DRAGGING:手指在BottomSheet上下拖動(dòng)從而使得布局跟著上下移動(dòng)
STATE_SETTLING:當(dāng)手指抬起之后,會(huì)根據(jù)當(dāng)前的偏移量,決定是要將BottomSheet收起還是展開

這兩種屬于中間態(tài),類似于ViewPager的SCROLL_STATE_DRAGGING和SCROLL_STATE_SETTLING
--------------------------------------
STATE_EXPANDED:展開
STATE_COLLAPSED:收起
STATE_HIDDEN:隱藏

上述就是小編為大家分享的怎么在Android中使用BottomSheet實(shí)現(xiàn)一根根可拉伸控件了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI