To start working with material button, you need to add its dependency into your build.gradle file:
dependencies {
implementation "com.github.debacodex: matebutton:1.0.0" //Androidx Library...
}Then you need to add jitpack as your maven repository in build.gradle file:
repositories {
google()
jcenter()
maven { url 'https://jitpack.io' }
}Use material button in the layout pragmatically
DnButton materialButton = findViewById(R.id.dnButton);
List<ButtonBackground.DrawableParams> drawableParams = new ArrayList<>();
drawableParams.add(ButtonBackground.DrawableParams.newBuilder()
.addButtonStateType(-ButtonUtilities.ButtonStateType.ENABLED)
.setColors(0xffe2e2e2)
.setRadius(10)
.setRadius(10, 10, 10, 10)
.build());
drawableParams.add(ButtonBackground.DrawableParams.newBuilder()
.addButtonStateType(ButtonUtilities.ButtonStateType.PRESSED)
.setColors(0xff009688, 0xffE0F2F1, 0xff009688)
.setRadius(10)
.setRadius(10, 10, 10, 10)
.setStrokeWidth(3)
.setStrokeColor(0xff009688)
.build());
drawableParams.add(ButtonBackground.DrawableParams.newBuilder()
.addButtonStateType(ButtonUtilities.ButtonStateType.NONE)
.setColors(Color.TRANSPARENT)
.build());
materialButton.setBackgroundParamsList(drawableParams);
// or
materialButton.setBackgroundParamsList(drawableParams, ButtonBackground.RippleParams.newBuilder()
.addButtonStateType(ButtonUtilities.ButtonStateType.PRESSED)
.setColor(Color.WHITE)
.build());
// or
List<ButtonBackground.RippleParams> rippleParams = new ArrayList<>();
rippleParams.add(ButtonBackground.RippleParams.newBuilder()
.addButtonStateType(-ButtonUtilities.ButtonStateType.ENABLED)
.setColor(Color.GRAY)
.build());
rippleParams.add(ButtonBackground.RippleParams.newBuilder()
.addButtonStateType(ButtonUtilities.ButtonStateType.PRESSED)
.setColor(Color.WHITE)
.build());
materialButton.setBackgroundParamsList(drawableParams, rippleParams);Use material button in the layout via xml
<com.debashis.code.material.button.MateButton
android:id="@+id/materialButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Button"
app:cornerRadius="7dp"
app:backgroundTint="@color/colorPrimary"
app:cornerTopStartRadius="0dp"
app:cornerTopEndRadius="0dp"
app:cornerBottomEndRadius="0dp"
app:cornerBottomStartRadius="0dp"
app:elevation="0dp"
app:rippleColor="?rippleColor"
app:strokeColor="@color/black"
app:strokeWidth="0dp"
app:scale="1.03"
app:useScale="true" />
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:backgroundTint="#0091EA"
app:cornerRadius="2dp"
app:useScale="true"
android:textColor="#FFFFFF"
android:text="Love"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_language_java"
android:text="Java"
app:backgroundTint="#0091EA"
app:cornerRadius="2dp"
app:useScale="true"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/DnButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:backgroundTint="#FF4081"
android:drawableStart="@drawable/ic_language_python"
app:cornerBottomStartRadius="30dp"
app:cornerTopStartRadius="30dp"
app:useScale="true"
android:text="Python"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/DnButton4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_xml"
android:text="Xml"
app:backgroundTint="#FF4081"
app:cornerBottomEndRadius="30dp"
app:cornerTopEndRadius="30dp"
app:useScale="true"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableStart="@drawable/ic_github"
app:cornerBottomStartRadius="30dp"
app:cornerTopEndRadius="30dp"
android:text="Github"
app:backgroundTint="#FF1744"
app:useScale="true"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_react"
app:cornerTopStartRadius="30dp"
app:cornerBottomEndRadius="30dp"
android:text="React"
app:backgroundTint="#FF1744"
app:useScale="true"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Debashis"
app:backgroundTint="#00C853"
app:cornerRadius="30dp"
app:useScale="true"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_language_html5"
android:text="Html5"
app:backgroundTint="#00C853"
app:cornerRadius="30dp"
app:useScale="true"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:backgroundTint="#FFFFFF"
app:strokeWidth="2dp"
app:strokeColor="#000000"
app:rippleColor="@color/ripplex"
app:cornerRadius="2dp"
app:useScale="true"
android:text="Do You"
android:textColor="#000000"
android:layout_marginTop="@dimen/button_margin_top"/>
<com.debashis.code.material.button.MateButton
android:id="@+id/MateButton10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:backgroundTint="#000000"
android:drawableStart="@drawable/ic_heart"
app:strokeWidth="2dp"
app:cornerRadius="2dp"
app:useScale="true"
android:text="Me ?"
android:textColor="#FFFFFF"
android:layout_marginTop="@dimen/button_margin_top"/>This project was created by Debashis Sabar .
You can help us to keep my open source projects up to date!