Android and learning blog

Skip to main content

Search This Blog

Home

Posts

Showing posts with the label com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton

No results found

Powered by Blogger

Report Abuse

Archive

August 20211
June 20211
May 20211
November 20204
October 20204
July 20201

Labels

alert dialog
alertdialog
android
androidx.viewpager2.widget.ViewPager2
appbar_scrolling_view_behavior
apply
badge
BadgeDrawable
Bridge
button

Show more Show less

Popular posts from this blog

Using TabLayout and ViewPager with CollapsingToolbarLayout

Using android TabLayout and new viewpager2 you can make your fragment layout inside tab layout to make them have expand collapse. To make the top layout collapse you have to use CollapsingToolbarLayout with combination of other layouts and properties. Below is the example where we use TabLayout , ViewPager2 with FragmentStateAdapter to host fragments. Main Activity Layout which host CollapsingToolbarLayout , TabLayout , ViewPager2 you can have this inside fragment also so viewpager can host other fragments. activity_tab_layout.xml <? xml version ="1.0" encoding ="utf-8" ?> <androidx.coordinatorlayout.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 :layout_width ="match_parent" android :layout_height ="match_parent" android :fitsSystemWind...

styling android TabLayout material design

November 02, 2020

If you want to style android Widget.MaterialComponents. TabLayout you can customize style with different properties changing tab text color can be done with property <item name="tabTextColor">@color/red</item> changing tab selected text color with property <item name="tabSelectedTextColor">@color/black</item> updating height of the underline below tab can be done using <item name="tabIndicatorHeight">2dp</item> changing the underline color in the bottom of the text of the tab can be done using property <item name="tabIndicatorColor">@color/red</item> If you want multiple tabs and you want them to be scrollable can be done using <item name="tabMode">scrollable</item> you can set tabMode fixed where it can displays all tabs with divided equally If you have Icon with text for your tab you can set app:tabInlineLabel property setting false label will be below icon , true will sh...

Using android BadgeDrawable to show the Badge android

August 30, 2021

If you have to show badge previously on android most time you end up developing some view and put as overlay on FrameLayout or arranging on top of the layout you want to set it. Current limitation of BaadgeDrawable provided material library are : No way to set custom font No way to set custom drawable No official way to set font size No way to set stroke border like you see on badges on many apps No way to set text can only set int If any of them are not problem for you , you can go ahead with badgeDrawable link to material design badgeDrawble : https://material.io/develop/android/supporting/badge Properties that are available to modify : Bade background color Badge text color number - count to set maxLength - max length like 3 is limit it will display 999+ for above length horizontal and vertical offset to change position x,y coordinate sample code looks like below, most places you have to use tree observer so you can attache once view is drawn, otherwise its not showing up fab. ...

Showing Alert Dialog with compose example android

November 08, 2020

With new compose library you can show alert dialog using the android compose below is the example : @Composable fun showDialog (message: String , onDismiss: () -> Unit) { AlertDialog ( text = { Text (message) } , onDismissRequest = onDismiss , buttons = { Column { Divider ( androidx.compose.ui.Modifier. padding ( horizontal = 12 . dp ) , color = MaterialTheme. colors . onSurface .copy( alpha = 0.2f ) ) Column { TextButton ( onClick = onDismiss , shape = RectangleShape , contentPadding = PaddingValues( 16 . dp ) , modifier = androidx.compose.ui.Modifier. fillMaxWidth () , ) { Text ( "Yes" ) } TextButton ( onClick = onDismiss , ...

Using Extended Floating Action Button

You may have seen gmail app where fab button expand and collapse as you scroll. fab button has been already there for some time new api extended dab button was added some time back. to use extended fab button you need to use com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton simplest implementation looks like below : <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton android:id="@+id/floating_action_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:layout_marginEnd="24dp" android:layout_marginBottom="24dp" android:contentDescription="fab button" android:text="Add Button" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:icon="@drawable/ic_baseline_add_24" /> No...