3d Button

3d Button is a custom Button of Android to create 3d buttons and circle 3d buttons. This library is very small and highly customizable.

Screenshot

Including in your project

###Using library you just need to add the following dependency to your build.gradle.

dependencies {
        implementation 'com.github.AhmedTeleb96:3d_buttons:1.0.0'
}

Customizable attributes

Attribute	default value	xml	java
button color	#3eadeb	buttonColor	setButtonColor(int color)
enable shadow	true	shadowEnabled	setShadowEnabled(boolean isEnabled)
shadow color	Automatically generated from button color	shadowColor	setShadowColor(int color)
shadow height	4dp	shadowHeight	setShadowHeight(int height)
corner radius	8dp	cornerRadius	setCornerRadius(int radius)

Usage

If the default values of custom attribues did not meet your requirement, you can easily re-config that attributes. This is sample code that you can refer. you can also browse demo app for more details.

via xml (sample)

Define xmlns:button3d="http://schemas.android.com/apk/res-auto" on root of your xml file

<com.ahmedteleb.buttons3d.Button3d
    ...
    button3d:buttonColor="@color/color_concrete"
    button3d:shadowColor="@color/color_asbestos"
    button3d:shadowEnabled="true"
    button3d:shadowHeight="5dp"
    button3d:cornerRadius="5dp"
    ...
     />
# for circle 3d button
<com.ahmedteleb.buttons3d.Button3dCircle
    ...
    button3d:buttonColor="@color/color_concrete"
    button3d:shadowColor="@color/color_asbestos"
    button3d:shadowEnabled="true"
    button3d:shadowHeight="5dp"
    button3d:cornerRadius="5dp"
    ...
     />

via code (sample)

        val disabledBtn = findViewById<Button3d>(com.ahmedteleb.buttons3d.R.id.disabled_button)
        disabledBtn.setButtonColor(getResources().getColor(R.color.purple_500));
        disabledBtn.setShadowColor(getResources().getColor(R.color.purple_200));
        disabledBtn.setShadowEnabled(true)
        disabledBtn.setShadowHeight(5)
        disabledBtn.setCornerRadius(5)

Color Swatches

For your convenience Swatches Preset by designmono are also defined in this library

 //Color Swatches provided by http://designmodo.github.io/Flat-UI/
<color name="button3d_color_turquoise">#1abc9c</color>
<color name="button3d_color_green_sea">#16a085</color>
<color name="button3d_color_emerald">#2ecc71</color>
<color name="button3d_color_nephritis">#27ae60</color>
<color name="button3d_color_peter_river">#3498db</color>
<color name="button3d_color_belize_hole">#2980b9</color>
<color name="button3d_color_amethyst">#9b59b6</color>
<color name="button3d_color_wisteria">#8e44ad</color>
<color name="button3d_color_wet_asphalt">#34495e</color>
<color name="button3d_color_midnight_blue">#2c3e50</color>
<color name="button3d_color_sun_flower">#f1c40f</color>
<color name="button3d_color_orange">#f39c12</color>
<color name="button3d_color_carrot">#e67e22</color>
<color name="button3d_color_pumpkin">#d35400</color>
<color name="button3d_color_alizarin">#e74c3c</color>
<color name="button3d_color_pomegranate">#c0392b</color>
<color name="button3d_color_clouds">#ecf0f1</color>
<color name="button3d_color_silver">#bdc3c7</color>
<color name="button3d_color_concrete">#95a5a6</color>
<color name="button3d_color_asbestos">#7f8c8d</color>

Developed By

Ahmed Teleb

GitHub

View Github