Android expanding bottom sheet

A utility function to get the BottomSheetBehavior associated with the view .

Returns the current expanded offset.

Gets the ratio for the height of the BottomSheet in the STATE_HALF_EXPANDED state.

Returns the bottom sheet’s maximum width, or -1 if no maximum width is set.

Gets the height of the bottom sheet when it is collapsed.

Returns the save flags.

Sets whether this bottom sheet should skip the collapsed state when it is being hidden after it is expanded once.

Gets the current state of the bottom sheet.

Returns whether this bottom sheet should adjust it’s position based on the system gesture area.

Gets whether this bottom sheet can hide when it is swiped down.

Removes a previously added callback.

Sets whether this bottom sheet is can be collapsed/expanded by dragging.

Determines the top offset of the BottomSheet in the STATE_EXPANDED state when fitsToContent is false.

Sets whether the height of the expanded sheet is determined by the height of its contents, or if it is expanded in two stages (half the height of the parent container, full height of parent container).

Sets whether this bottom sheet should adjust it’s position based on the system gesture area on Android Q and above.

Determines the height of the BottomSheet in the STATE_HALF_EXPANDED state.

Sets whether this bottom sheet can hide when it is swiped down.

Sets the maximum width of the bottom sheet.

Sets the height of the bottom sheet when it is collapsed while optionally animating between the old height and the new height.

Sets the height of the bottom sheet when it is collapsed.

Sets save flags to be preserved in bottomsheet on configuration change.

Sets whether this bottom sheet should skip the collapsed state when it is being hidden after it is expanded once.

Sets the state of the bottom sheet.

Sets whether the BottomSheet should update the accessibility status of its CoordinatorLayout siblings when expanded.

Источник

Bottom Sheet Android Tutorial – Working with BottomSheet

Have you seen the Bottom Sheet Android Component? It slides up from the Bottom to display some more options to the user. I am pretty sure that you have already seen Bottom Sheet in Google Maps application.

Bottom Sheet Android

You can also use the Bottom Sheet in your application. And if you want to use it in your app, in this post, I will guide you about integrating the android Bottom sheet in your project.

You can also go through the official guide about the Bottom Sheet .

Types of Bottom Sheet

#1 Persistent Bottom Sheet

As clear from the name, it is persistent at the bottom of the screen. A user can view the full Bottom Sheet by dragging the sheet up vertically. The Bottom Sheet is slightly elevated, and it can display more options or app content to the user. For example, the picture that we saw above is an example of a persistent bottom sheet.

#2 Modal Bottom Sheets

Again as the name suggests, these sheets behave like Modals or dialogues. It shadows the activity or fragment when activated. And if we tap outside the Bottom Sheet, it is dismissed just like a modal. A user can also slide up and slide down to activate and deactivate the Bottom Sheet, respectively.

Modal Bottom Sheet

I hope you got that what exactly is the android bottom sheet and when we can use it in our application. Now let’s learn how we can implement it in an Android Studio Project.

Источник

Bottom Sheets – Material Components for Android

Android Bottom Sheet is the Android Materiel Design Components which slides up from the bottom of the screen. Also, part of the material design components. Bottom sheets are displayed as a result of the user-triggered action, and also it can reveal additional content by swiping up.

Already, I have explained some of the material components in detail. check below,

Table of Contents

Types of Bottom Sheets

There are two types of Bottom Sheets available in android:

Persistent bottom sheets

BottomSheetBehavior is applied to a child of CoordinatorLayout to make that child a persistent bottom sheet.

The Persistent bottom sheets display in-app content. It will be displayed at the bottom of the screen making some portion of the content visible.

Modal Bottom Sheets

slides up from the bottom of the screen to reveal more content. It’s a dialog which are alternatives to content choosers, simple menus, or dialog. Used to present deep-linked content from other apps.

Lets see both bottom sheets in details.

This is my example demo using bottom sheets in android.

Persistent bottom sheets with example

As mentioned above, the bottom sheets part of the android material design library. Make sure you have included the library in your project.

BottomSheetBehavioris a type of layout_behavior used for persistent bottom sheets. It requires setting CoordinatorLayout as the root element of that layout.

Adding the xml attribute app:layout_behavior:android.support.design.widget.BottomSheetBehavior to the child view.

attributes

behavior_peekHeight — The initial “peek” (collapsed state) height of the sheet. The default value is auto, which sets the peek height at the 16:9 ratio keyline of the parent container.

behavior_hideable — Determines whether or not the sheet can be hidden when using a drag-down gesture. The default value is false for Standard Bottom Sheets and true for Modal Bottom Sheets.

behavior_draggable — Determines whether or not the sheet can be collapsed/expanded when using a drag gesture. The default value is true.

behavior_skipCollapsed — Determines whether or not the collapsed state should be ignored when hiding the sheet. This has no effect if behavior_hideable is not set to true. The default value is false.

Setting bottom sheets attributes programmatically

Bottom sheets states:

Bottom sheets have 5 states,
STATE_COLLAPSED — The bottom sheet is visible but only showing its peek height.

STATE_EXPANDED — The bottom sheet is visible and its maximum height and it is neither dragging nor settling (see below).

STATE_DRAGGING — Sheet can be collapsed/expanded when using a drag gesture.

STATE_SETTLING — The bottom sheet is settling to a specific height after a drag/swipe gesture. This will be the peek height, expanded height, or 0, in case the user action caused the bottom sheet to hide.

STATE_HIDDEN — The bottom sheet is no longer visible.

STATE_HALF_EXPANDED — The sheet is half-expanded (only applicable if behavior_fitToContents has been set to false).

changing the bottom sheets state programatically,

Handling bottom sheets callbacks

In the onStateChanged callback, the newState parameter will be the current state of the bottom sheets.

In the onSlide callback, the slideOffset parameter is a Float value in the [-1.0, 1.0] range. The hidden state is -1.0, the collapsed state is 0.0 and the expanded state is 1.0. The value interpolates linearly and increases as the sheet moves upwards.

Modal Bottom Sheets with example

Modal Bottom Sheets are not part of the view layout like Persistent sheets. Instead, they will be shown dynamically using BottomSheetDialog or BottomSheetDialogFragment.

Before creating our BottomSheetDialogFragment however, let’s create the layout for the dialog.

layout_modal_bottomsheet.xml

design for this xml:

I am using recyclerview to display all the items in the bottom sheets dialog fragment.

I have explained recyclerview in details in my another post.

We need to create a class that inherits from BottomSheetDialogFragment.

Lets create MyBottomSheetDialogFragment with recyclerview.

Showing a modal bottom sheets

To show a modal bottom sheet, create MyBottomSheetDialogFragment instance and call the show() method on that class.

Note that we did not set the behavior for the modal sheet to be hideable, nor did we set the peek height. The modal bottom sheet automatically computes appropriate values for both peek height and expanded height.

You can download this example on GITHUB.

Conclusion

Thanks for reading.

Please share if you like it. Also, don’t forget to share your feedback on comments.

Источник

Вам также может понравиться

Как деактивировать режим наушников на смартфоне с Android?

Когда к мобильному устройству присоединены наушники

Обзор игры Джелли-Джу для Android

В последние годы популярность мобильных игр резко возросла

Лучшие шахматные приложения для iOS и Android

Нынешний читерский скандал в шахматном мире сейчас

Что хотят увидеть пользователи от Android 5.0 Key Lime Pie

ОС Google Android развивается, и по всему видимому