⚠️ This library was made years ago when it wasn't that easy to customize Android buttons like today. I highly recommend you to use Material Design button as it offers the same features and most importantly it's backed by the Android Team.

Fancybuttons

Icons, Borders, Radius ... for Android buttons

Overview

Demo Application : Download APK

Features

• Border (stroke, radius, color)
• Background (normal, focus)
• Icon (Drawable, font Icon)
• Icon (Position, size)
• Icon Size
• Icon Padding

Changelog

• 1.9.1

  • Fix getting the font

• 1.9.0

  • Add support for font resources (For text font only)
  • Increase min API level to 14
  • Now you can use these to set text font (res/font/roboto_slab_bold.ttf): android:fontFamily="@font/roboto_slab_bold" fancy:fb_textFontRes="@font/roboto_slab_bold"
  • Add dependency on support library used only when using font resources.

• 1.8.4

  • Fix Text Gravity
  • Add Ability to define custom radius value for each corner

• 1.8.3

  • Fixed long searching of font
  • Added ability to use android:text, android:textSize, android:testAllCaps attributes
  • Fixed preview issues with android:* attrs
  • Added opportunity to use android:* attrs in styles
  • Added ability to use custom LayoutParams instead of the default one
  • Force refreshing the view when setEnabled(boolean) is called
  • Minor optimization & refactoring

• 1.8.2

  • Added ability to disable button
  • Added ability to use system font

• 1.8.1

  • Fix Bug related to loading custom fonts

• 1.8

  • Add setIconResource(Drawable)
  • Cache fonts

• 1.7

  • Fix ripple effect when background is transparent
  • Add capitalization of text

• 1.6

  • Add ripple effect
  • Upgrade Font Awesome to 4.5.0

Installation

implementation 'com.github.medyo:fancybuttons:1.9.1'

To use font resources add support library to your dependencies:

implementation "com.android.support:appcompat-v7:$support_lib_version"

Usage

1 - Include FancyButtons namespace to the root element :

xmlns:fancy="http://schemas.android.com/apk/res-auto"

2 - Add the FancyButton View with custom params :

<mehdi.sakout.fancybuttons.FancyButton
android:id="@+id/btn_preview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

Supported Attributes

Also you can use Attributes with default prefix (android:) which makes migrating of your project more fast. Default Attributes have more priority than Attributes with prefix fancy.

Supported default Attributes

Supported Getters

| Function | Description | | ------------- |:-------------:| -----:| | getText() | Returns Text Value of the button| | getTextViewObject() | Returns TextView Object| | getIconFontObject() | Returns icon defined by fb_fontIconResource| | getIconImageObject() | Returns icon defined by fb_iconResource |

Sample

1 - Spotify Button

<mehdi.sakout.fancybuttons.FancyButton
 android:id="@+id/btn_spotify"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingBottom="10dp"
 android:paddingLeft="20dp"
 android:paddingRight="20dp"
 android:paddingTop="10dp"
 fancy:fb_borderColor="#FFFFFF"
 fancy:fb_borderWidth="1dp"
 fancy:fb_defaultColor="#7ab800"
 fancy:fb_focusColor="#9bd823"
 fancy:fb_fontIconResource="&#xf04b;"
 fancy:fb_iconPosition="left"
 fancy:fb_radius="30dp"
 fancy:fb_text="SHUFFLE PLAY"
 fancy:fb_textColor="#FFFFFF" />

2 - Facebook Button

FancyButton facebookLoginBtn = new FancyButton(this);
facebookLoginBtn.setText("Login with Facebook");
facebookLoginBtn.setBackgroundColor(Color.parseColor("#3b5998"));
facebookLoginBtn.setFocusBackgroundColor(Color.parseColor("#5474b8"));
facebookLoginBtn.setTextSize(17);
facebookLoginBtn.setRadius(5);
facebookLoginBtn.setIconResource("\uf082");
facebookLoginBtn.setIconPosition(FancyButton.POSITION_LEFT);
facebookLoginBtn.setFontIconSize(30);

See the example project for more samples

Bonus

Fancybuttons is delivered with :

• 1 font : RobotoRegular
• 1 icon Font : FontAwesome ( cheatsheet http://fortawesome.github.io/Font-Awesome/cheatsheet/)

FAQ

How to add new fonts ? Just Paste your font inside assets/fonts/ folder for Text fonts or inside assets/iconfonts/ for icon fonts eg : entypo OR for text fonts add it to res/font/ and use android:fontFamily or fancy:fb_textFontRes to use it.

Contributions

Fancybuttons needs you to build the missing features :

• Supporting Circular buttons
• Add elevation (Material Design)

Licence

MIT http://opensource.org/licenses/MIT

Developed By

El Mehdi Sakout

Follow @medyo80 on Twitter for the latest news.

For contact, shoot me an email at elmehdi.sakout@gmail.com