A Material Design Custom Button Library for Android
CuteButton is a Custom Material Design Android Library
which could be an alternative for Deafult Button
Library.
It has everything as the Default Button library, but with a lot customizations.
This is the Initial Release. Changes will be added later. Check on Releases Tab
for Info.
CuteButton comes with tons of new features and options:
- Background Color - Normal, Focused, Disabled
- Border - Color, Width, Radius
- Icon - Drawable Icon, Icon Size, Icon Padding, Icon Position
- Text - Normal Color, Disabled Color
- Ripple Effect on Clicks
and also all the features of normal
Button
like padding, margin etc.
Here are some buttons created with CuteButton
Add this in your root build.gradle
file (not your module build.gradle
file):
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
Add this to your module's build.gradle
file (make sure the version matches the JitPack badge above):
dependencies {
...
implementation 'com.github.ahmmedrejowan:CuteButton:1.1'
}
Include namespace to the root Layout/View:
xmlns:app="http://schemas.android.com/apk/res-auto"
CuteButton
<com.rejowan.cutebutton.CuteButton
android:id="@+id/cuteButton"
android:layout_width="190dp"
android:layout_height="55dp"
android:layout_margin="5dp"
app:cb_bgColor="#0097A7"
app:cb_bgColorFocus="#006064"
app:cb_borderRadius="40dp"
app:cb_icon="@drawable/ic_arrow"
app:cb_iconPadding="5dp"
app:cb_iconSize="25dp"
app:cb_text="Download"
app:cb_textColor="#fff"
app:cb_textSize="20sp" />
CuteButton cuteButton = findViewById(R.id.cuteButton);
cuteButton.setText("Hi, This is Cute Button");
cuteButton.setBackgroundColor(Color.BLUE);
cuteButton.setDisableColor(Color.BLACK);
cuteButton.setFocusColor(Color.CYAN);
cuteButton.setTextStyle(CuteButton.TEXT_STYLE_BOLD);
cuteButton.setBorderWidth(2);
cuteButton.setBorderWidth(1);
cuteButton.setRadius(10);
cuteButton.setIcon(R.drawable.ic_baseline_save_24);
cuteButton.setIconSize(25);
cuteButton.setIconPadding(10);
cuteButton.setIconPosition(CuteButton.POSITION_START);
Description | XML Attribute | Java Attribute |
---|---|---|
Background Color (color) | app:cb_bgColor="#0097A7" |
setBackgroundColor(Color.BLUE); |
Background Disabled Color (color) | app:cb_bgColorDisabled="#bbb" |
setDisableColor(Color.BLACK); |
Background Focused Color (color) | app:cb_bgColorFocus="#006064" |
setFocusColor(Color.CYAN); |
Border Color (color) | app:cb_borderColor="#111" |
cuteButton.setBorderColor(Color.BLACK); |
Border Width (dimension) | app:cb_borderWidth="2dp" |
cuteButton.setBorderWidth(2); |
Radius (dimension) | app:cb_borderRadius="40dp" |
cuteButton.setRadius(10); |
Status (boolean) | app:cb_enabled="true" |
cuteButton.setEnabled(true); |
Text (string) | app:cb_text="Download" |
cuteButton.setText("Hi, This is Cute Button"); |
Text Color (color) | app:cb_textColor="#fff" |
cuteButton.setTextColor(Color.WHITE); |
Text Disabled Color (color) | app:cb_textColorDisabled="222" |
cuteButton.setDisabledTextColor(Color.MAGENTA); |
Text size (dimension) | app:cb_textSize="20sp" |
cuteButton.setTextSize(25); |
Text Caps (boolean) | app:cb_textAllCaps="false" |
cuteButton.setAllCaps(false); |
Text Style (int) supported: NORMAL, BOLD, ITALIC | app:cb_textStyle="normal" |
cuteButton.setTextStyle(CuteButton.TEXT_STYLE_BOLD); |
Icon (drawable) | app:cb_icon="@drawable/ic_arrow |
cuteButton.setIcon(R.drawable.ic_save); |
Icon Size (dimension) | app:cb_iconSize="24dp" |
cuteButton.setIconSize(25); |
Icon Position (int) supported: TOP, BOTTOM, START, END | app:cb_iconPosition="start" |
cuteButton.setIconPosition(CuteButton.POSITION_START); |
Icon Padding (int) | app:cb_iconPadding="5dp" |
cuteButton.setIconPadding(10); |
Gravity (int) supported: CENTER, START, TOP, END, BOTTOM | app:cb_gravity="center" |
cuteButton.setTextGravity(CuteButton.GRAVITY_CENTER); |
- Be sure to add the Maven and Dependency properly.
- Check the Dependency Version before using
There could be some issues with Java attributes in some cases. I'll fix them as soon as I can.
Please fork this repository and contribute back using pull requests.
Any contributions, large or small, major features, bug fixes, are welcomed and appreciated but will be thoroughly reviewed .
Let me know which features you want in the future in Request Feature
tab.
If this project helps you a little bit, then give a to Star ⭐ the Repo.
Created with Love by K M Rejowan Ahmmed (@ahmmedrejowan)
Reach me @
Copyright 2021 K M Rejowan Ahmmed (ahmmedrejowan)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.