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.
FancyButtons, helps you to easily create fancy buttons without the need of drawable files.
- Border (stroke, radius, color)
- Background (normal, focus)
- Icon (Drawable, font icon)
- FontAwsome
- Custom font
- Icon (Position, size)
- right
- left
- top
- bottom
- Icon Size
- Icon Padding
compile 'com.github.medyo:fancybuttons:1.2@aar'
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"/>
| 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:textGravity | setTextGravity(Int) | Gravity 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 |
| fancy:iconPaddingLeft | setIconPadding(int,int,int,int) | Icon Padding |
| fancy:iconPaddingRight | setIconPadding(int,int,int,int) | Icon Padding |
| fancy:iconPaddingTop | setIconPadding(int,int,int,int) | Icon Padding |
| fancy:iconPaddingBottom | setIconPadding(int,int,int,int) | Icon Padding |
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=""
fancy:iconPosition="left"
fancy:radius="30dp"
fancy:text="SHUFFLE PLAY"
fancy: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
Fancybuttons is delivered with :
- 1 font : RobotoRegular
- 1 icon Font : FontAwesome ( cheatsheet http://fortawesome.github.io/Font-Awesome/cheatsheet/)
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
MIT http://opensource.org/licenses/MIT
El Mehdi Sakout
Follow @medyo80 on Twitter for the latest news.
For contact, shoot me an email at [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent