FancyButtons

I always found some difficulties to make great Android buttons, since i need to override everything or make lot of drawables files to handle focus, pressed and normal state. For that reason, i made Fancy Buttons, to make this task much easier.

Overview

FancyButtons, helps you to easily create fancy buttons without the need of drawable files.

Features

Border (stroke, radius, color)
Background (normal, focus)
Icon (Drawable, font icon)
- FontAwsome
- Custom font
Icon (Position, size)
- right
- left
- top
- bottom
Icon Size

Including in your project : Gradle

dependencies { compile project(':fancybuttons_library') }

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 Attributs

XML Attribut	Java Attribut	Description
fancy:text	setText(String)	Text of the button
fancy:textColor	setTextColor(int)	Text Color of the button
fancy:textSize	setTextSize(int)	Size of the text
fancy:textFont	setCustomTextFont(String)	FontFamily of the text
fancy:IconResource	setIconResource(Drawable)	Drawable icon of the button
fancy:iconPosition	setsetIconPosition(int)	Position of the icon : Left, Right, Top, Bottom
fancy:fontIconResource	setIconResource(String)	font icon of the button
fancy:fontIconSize	setFontIconSize(int)	Size of the icon
fancy:iconFont	setCustomIconFont(String)	FontFamily of the icon
fancy:borderWidth	setBorderWidth(int)	Width of the border
fancy:borderColor	setBorderColor(int)	Color of the border
fancy:defaultColor	setBackgroundColor(int)	Background color of the button
fancy:focusColor	setFocusBackgroundColor(int)	Focus Color of border background
fancy:radius	setRadius(int)	Radius of the button

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:borderColor="#FFFFFF"
fancy:borderWidth="1dp"
fancy:defaultColor="#7ab800"
fancy:focusColor="#9bd823"
fancy:fontIconResource="&#xf04b;"
fancy:iconPosition="left"
fancy:radius="30dp"
fancy:text="SHUFFLE PLAY"
fancy:textColor="#FFFFFF" />

**3 - 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);
acebookLoginBtn.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

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

gonghui91/fancybuttons