Forked from ArthurNagy/RoundedBottomSheetDialogFragment.kt
Created
April 25, 2019 23:02
-
-
Save jesselima/3af7e992684c40c933dd288de0038aa9 to your computer and use it in GitHub Desktop.
Rounded modal bottom sheet as seen in new Google products(Tasks, News, etc.), described in this article: https://medium.com/halcyon-mobile/implementing-googles-refreshed-modal-bottom-sheet-4e76cb5de65b
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Drawable used for the bottom sheet dialog background --> | |
<?xml version="1.0" encoding="utf-8"?> | |
<shape xmlns:android="http://schemas.android.com/apk/res/android" | |
android:shape="rectangle"> | |
<corners | |
android:topLeftRadius="@dimen/bottom_sheet_corner_radius" | |
android:topRightRadius="@dimen/bottom_sheet_corner_radius" /> | |
<padding android:top="@dimen/bottom_sheet_top_padding" /> | |
<solid android:color="@color/primary" /> | |
</shape> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<dimen name="bottom_sheet_corner_radius">16dp</dimen> | |
<dimen name="bottom_sheet_top_padding">8dp</dimen> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
package com.your.package | |
import android.app.Dialog | |
import android.os.Bundle | |
import com.your.package.R | |
import com.google.android.material.bottomsheet.BottomSheetDialog | |
import com.google.android.material.bottomsheet.BottomSheetDialogFragment | |
/** | |
* BottomSheetDialog fragment that uses a custom | |
* theme which sets a rounded background to the dialog | |
* and doesn't dim the navigation bar | |
*/ | |
open class RoundedBottomSheetDialogFragment : BottomSheetDialogFragment() { | |
override fun getTheme(): Int = R.style.BottomSheetDialogTheme | |
override fun onCreateDialog(savedInstanceState: Bundle?): Dialog = BottomSheetDialog(requireContext(), theme) | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- v21 styles, you can merge these two if your minSdkVersion is >= 21 --> | |
<resources> | |
<style name="BottomSheetDialogTheme" parent="BaseBottomSheetDialog"> | |
<item name="android:statusBarColor">@android:color/transparent</item> | |
<item name="android:navigationBarColor">@color/white</item> | |
</style> | |
</resources> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<resources> | |
<!-- set the rounded drawable as background to your bottom sheet --> | |
<style name="BottomSheet" parent="@style/Widget.Design.BottomSheet.Modal"> | |
<item name="android:background">@drawable/bg_bottom_sheet_dialog_fragment</item> | |
</style> | |
<style name="BaseBottomSheetDialog" parent="@style/Theme.Design.Light.BottomSheetDialog"> | |
<item name="android:windowIsFloating">false</item> | |
<item name="bottomSheetStyle">@style/BottomSheet</item> | |
</style> | |
<style name="BottomSheetDialogTheme" parent="BaseBottomSheetDialog" /> | |
</resources> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment