ButtonStyle

Source

---

<Buttonandroid:id="@+id/btn_login"style="@style/AppTheme.RoundedCornerMaterialButton"android:layout_width="match_parent"android:layout_height="48dp"android:layout_margin="16dp"android:layout_marginTop="@dimen/space"android:text="Login"android:textSize="@dimen/h3"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" />

<stylename="AppTheme.RoundedCornerMaterialButton"parent="Widget.AppCompat.Button.Colored">
<itemname="android:background">@drawable/button_rounded_shape_green</item>
</style>

<?xml version="1.0" encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle">
<solidandroid:color="#C82F2F" />
<cornersandroid:radius="20dp" />
</shape>

---

<com.google.android.material.button.MaterialButton
style="@style/Widget.MaterialComponents.Button"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="@dimen/def_margin"android:text="@string/login"app:cornerRadius="25dp"app:strokeColor="@color/purple_500" />

---

<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="@dimen/def_margin"android:gravity="center"android:orientation="horizontal">
<com.google.android.material.button.MaterialButton
style="@style/MyButtonLeft"android:layout_width="100dp"android:backgroundTint="@color/purple_500"android:textColor="@color/white"android:layout_height="wrap_content"android:text="@string/login" />
<com.google.android.material.button.MaterialButton
style="@style/MyButtonRight"android:backgroundTint="@color/teal_200"android:textColor="@color/white"android:layout_width="100dp"android:layout_height="wrap_content"android:text="@string/login" />
</LinearLayout>

Change Color Programtitcally

binding.btnBtnRight.setBackgroundTintList(ContextCompat.getColorStateList(DistributorAdvisorSubMenuActivity.this, R.color.colorPrimary));
binding.btnBtnLeft.setBackgroundTintList(ContextCompat.getColorStateList(DistributorAdvisorSubMenuActivity.this, R.color.disabled_grey_light));

<stylename="MyButtonLeft"parent="Widget.MaterialComponents.Button.OutlinedButton">
<itemname="shapeAppearanceOverlay">@style/MyShapeAppearanceLeft</item>
</style>
<stylename="MyShapeAppearanceLeft">
<itemname="cornerFamily">rounded</item>
<itemname="cornerSizeTopLeft">16dp</item>
<itemname="cornerSizeBottomLeft">16dp</item>
<itemname="cornerSizeTopRight">0dp</item>
<itemname="cornerSizeBottomRight">0dp</item>
</style>
<stylename="MyButtonRight"parent="Widget.MaterialComponents.Button.OutlinedButton">
<itemname="shapeAppearanceOverlay">@style/MyShapeAppearanceRight</item>
</style>
<stylename="MyShapeAppearanceRight">
<itemname="cornerFamily">rounded</item>
<itemname="cornerSizeTopLeft">0dp</item>
<itemname="cornerSizeBottomLeft">0dp</item>
<itemname="cornerSizeTopRight">16dp</item>
<itemname="cornerSizeBottomRight">16dp</item>
</style>

Wanna Try?

<stylename="MyButtonLeft"parent="Widget.MaterialComponents.Button.OutlinedButton">
<itemname="shapeAppearanceOverlay">@style/MyShapeAppearanceLeft</item>
</style>
<stylename="MyShapeAppearanceLeft">
<itemname="cornerFamily">rounded</item>
<itemname="cornerFamilyTopRight">cut</item>
<itemname="cornerFamilyBottomRight">cut</item>
<itemname="cornerSizeTopLeft">16dp</item>
<itemname="cornerSizeBottomLeft">16dp</item>
</style>
<stylename="MyButtonRight"parent="Widget.MaterialComponents.Button.OutlinedButton">
<itemname="shapeAppearanceOverlay">@style/MyShapeAppearanceRight</item>
</style>
<stylename="MyShapeAppearanceRight">
<itemname="cornerFamily">rounded</item>
<itemname="cornerFamilyTopLeft">cut</item>
<itemname="cornerFamilyBottomLeft">cut</item>
<itemname="cornerSizeTopRight">16dp</item>
<itemname="cornerSizeBottomRight">16dp</item>
</style>

---

Copyright 2021 M. Fadli Zein