在繁忙的工作之下,好不容易到了國慶假期,打算出門走走,上了車打開 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。