iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 25
0

在繁忙的工作之下,好不容易到了國慶假期,打算出門走走,上了車打開 Google Map 發現下面一欄好方便,可以上拉顯示共多的資訊,下拉隱藏繼續看地圖,於是今天就來介紹這一項好用的功能 - BottomSheet。


首先在 layout 的部分,在你想要他成為 bototmsheet 的 layout 或者 view 的屬性加上一個

app:layout_behavior="@string/bottom_sheet_behavior"

@string/bottom_sheet_behavior 代表的是

com.google.android.material.bottomsheet.BottomSheetBehavior

原來 android 已經幫我們包好了,我們所要做的只是將 app:layout_behavior 這個屬性設定好,就可以在 layout design 畫面看到該 layout 會自己跳到畫面最下方。

而它展開該展到多開則是由以下屬性設定

app:behavior_hideable="false"
app:behavior_peekHeight="110dp"

app:behavior_peekHeught 便是在指定展開後有多大。


小補充: 本系列用的都是以 BottomSheetBehavior 來實現,而看官可以上網查查,不難發現還有一組名稱類似的 BottomSheetDialog , 其實這兩個差不多,只是繼承類別不同 BottomSheetDialog tomSheetDialog 繼承自 Dialog 而 BottomSheetBehavior 繼承至 CoordinatorLayout。


上一篇
[Day 24] Android 實作 - ExpandableListView(4)
下一篇
[Day 26] Android 實作 - BottomSheet(2)
系列文
Android心得筆記×Kotlin語法初探 不是新手村 是嬰兒村30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言