Update README

Author: jpelczar

README.md

@@ -1,11 +1,42 @@
 <h1> Sigmapoint Custom Button </h1>
 
-<p> This button can help you to faster create button with background drawable, text color state, image inside button,
-you only must specify colors, position, drawables, etc in xml button tags.</p>
 <p> If you want start use this button, you must clone or download this repository. Next in Android Studio File -> New -> Import module.
 Then select library folder from project. And start use. </p>
 <p> >=API 8 </p>
 
+<h2> Features </h2>
+
+* Use only custom tags in button declaration and reach state colors of text, background, frame and drawable.
+* Add only one image and change it color dynamically
+* Text color for normal, pressed and disabled state
+* Background color for normal, pressed and disabled state
+* Frame color for normal, pressed and disabled state
+* Drawable color for normal, pressed and disabled state
+* Specify image position and text will be centered with relation to whole button
+
+See below to example: 
+
+image
+
+For creating facebook button you must only do this:
+```xml
+<pl.sigmapoint.customview.CustomButton
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="5"
+        android:text="Log in with facebook"
+        app:cb_image="@drawable/ic_facebook"
+        app:cb_image_color_disabled="#c0c0c0"
+        app:cb_image_color_normal="#FFFFFF"
+        app:cb_image_color_pressed="#c4cde0"
+        app:cb_image_padding="5dp"
+        app:cb_image_position="left"
+        app:cb_primary_color="#3B5998"
+        app:cb_secondary_color="#17233c"
+        app:cb_shape_radius="5dp"
+        app:cb_text_color="#FFFFFF" />
+```
+
 <h2> Reference </h2>
 <p> Default image position is left and centered text in button. When image is bigger than half of width, weight automatically is setting to 1. <br>
 Only when image is in horizontal position text can be center.  </p>
@@ -19,52 +50,52 @@ This is the base tag of CustomButton:<br>
      android:layout_height="match_parent"
      android:text="text"/>
 ```
-<p> You can specify the following things:
-cb_primary_color - \/
-cb_secondary_color - you can specify only two colors for all button. But it will be override by background, text, frame color. {format - color} <br>
-cb_background - background color of normal button  {format - color} <br>
-cb_background_pressed - background color of pressed button {format - color} <br>
-cb_background_disabled - background color of disabled button {format - color} <br>
-cb_background_state_list - {format - ColorStateList} <br>
+<p> You can specify the following things: <br>
+`cb_primary_color` - you can specify only two colors for all button. But it will be override by background, text, frame color. {format - color} <br>
+`cb_secondary_color` - you can specify only two colors for all button. But it will be override by background, text, frame color. {format - color} <br>
+`cb_background` - background color of normal button  {format - color} <br>
+`cb_background_pressed` - background color of pressed button {format - color} <br>
+`cb_background_disabled` - background color of disabled button {format - color} <br>
+`cb_background_state_list` - {format - ColorStateList} <br>
 <br>
-cb_text_color_pressed - color of pressed text {format - color} <br>
-cb_text_color_disabled - color of disabled text {format - color}  <br>
-cb_text_color or android:textColor - color of normal text {format - color} <br>
-cb_text_size - {format - dimension} <br>
-cb_text_padding - {format - dimension} <br>
-cb_text_padding_left - {format - dimension} <br>
-cb_text_padding_top - {format - dimension} <br>
-cb_text_padding_right - {format - dimension} <br>
-cb_text_padding_bottom - {format - dimension} <br>
-cb_text_weight - {format - integer} <br>
-cb_text_center or android:textAlignment - only works when image weight doesn't specify. Center text in button. {format - boolean or only "center" value} <br>
+`cb_text_color_pressed` - color of pressed text {format - color} <br>
+`cb_text_color_disabled` - color of disabled text {format - color}  <br>
+`cb_text_color` or `android:textColor` - color of normal text {format - color} <br>
+`cb_text_size` - {format - dimension} <br>
+`cb_text_padding` - {format - dimension} <br>
+`cb_text_padding_left` - {format - dimension} <br>
+`cb_text_padding_top` - {format - dimension} <br>
+`cb_text_padding_right` - {format - dimension} <br>
+`cb_text_padding_bottom` - {format - dimension} <br>
+`cb_text_weight` - {format - integer} <br>
+`cb_text_center` or `android:textAlignment` - only works when image weight doesn't specify. Center text in button. {format - boolean or only "center" value} <br>
 <br>
-cb_shape_radius - corner radius {format - dimension}<br>
-cb_shape_type - shape type, you can choose: rect or oval <br>
-cb_frame_color - {format - color} <br>
-cb_frame_color_pressed - {format - color} <br>
-cb_frame_color_disabled - {format - color} <br>
-cb_frame_size - frame height {format - dimension} <br>
-cb_frame_state_list - {format - ColorStateList} <br>
+`cb_shape_radius` - corner radius {format - dimension}<br>
+`cb_shape_type` - shape type, you can choose: rect or oval <br>
+`cb_frame_color` - {format - color} <br>
+`cb_frame_color_pressed` - {format - color} <br>
+`cb_frame_color_disabled` - {format - color} <br>
+`cb_frame_size` - frame height {format - dimension} <br>
+`cb_frame_state_list` - {format - ColorStateList} <br>
 <br>
-cb_elevation_enabled - on >=API 21 devices enable elvation (default) {format - boolean} <br>
+`cb_elevation_enabled` - on >=API 21 devices enable elvation (default) {format - boolean} <br>
 <br>
-cb_image_position - image position in button, can choose left, top, right, bottom <br>
-cb_image - image source {format - drawable or color} <br>
-cb_image_normal - normal state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
-cb_image_disabled - disabled state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
-cb_image_pressed - pressed state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
-cb_image_color_normal - only for image {format - color} <br>
-cb_image_color_pressed - only for image {format - color} <br>
-cb_image_color_disable - only for image {format - color} <br>
-cb_image_color_list - only for image {format - colorStateList} <br>
-cb_image_padding - {format - dimension} <br>
-cb_image_padding_left - {format - dimension} <br>
-cb_image_padding_top - {format - dimension} <br>
-cb_image_padding_right - {format - dimension} <br>
-cb_image_padding_bottom - {format - dimension} <br>
-cb_image_scale_type - {center, center_inside, center_crop, fit_center, fit_start, fit_end, fit_xy} <br>
-cb_image_weight - {format - integer} </p>
+`cb_image_position` - image position in button, can choose left, top, right, bottom <br>
+`cb_image` - image source {format - drawable or color} <br>
+`cb_image_normal` - normal state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
+`cb_image_disabled` - disabled state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
+`cb_image_pressed` - pressed state image source (if you choose cb_image, it will be override) {format - drawable or color} <br>
+`cb_image_color_normal` - only for image {format - color} <br>
+`cb_image_color_pressed` - only for image {format - color} <br>
+`cb_image_color_disable` - only for image {format - color} <br>
+`cb_image_color_list` - only for image {format - colorStateList} <br>
+`cb_image_padding` - {format - dimension} <br>
+`cb_image_padding_left` - {format - dimension} <br>
+`cb_image_padding_top` - {format - dimension} <br>
+`cb_image_padding_right` - {format - dimension} <br>
+`cb_image_padding_bottom` - {format - dimension} <br>
+`cb_image_scale_type` - {center, center_inside, center_crop, fit_center, fit_start, fit_end, fit_xy} <br>
+`cb_image_weight` - {format - integer} </p>
 <h3> Java Code </h3>
 ```java
 CustomButton(Context context, LayoutParams layoutParams, int primaryColor, int secondaryColor, Drawable icon)
@@ -97,6 +128,7 @@ setTextPadding(int[] padding) - int[4]{CustomButton.LEFT, CustomButton.TOP, Cust
 setTextParams(int weight, int[] padding)
 setImage(int position, Drawable drawableNormal, Drawable drawablePressed, Drawable drawableDisabled, ImageView.ScaleType scaleType, int weight, int[] padding)
 setImage(int position, Drawable drawable, ImageView.ScaleType scaleType, int weight, int[] padding)
+setImageColor(int color)
 setImageColors(int nomal, int pressed, int disabled)
 setImageNormalColor(int color)
 setImagePressedColor(int color)
@@ -107,6 +139,9 @@ and evry XML tag have getter
 <h3> Static field </h3>
 LEFT, TOP, RIGHT, BOTTOM - for image position 
 
+<h3> Tips </h3>
+If you add image to the button, set frame and want to center text without respect frame you should set text padding same as frame size.
+
 <h2> Dependencies </h2>
 In demo application <a href="https://github.com/yukuku/ambilwarna"> Ambil Warna Library</a> was used.
 

app/src/main/res/layout/fragment_main.xml

@@ -83,13 +83,14 @@
             android:layout_weight="1"
             android:paddingRight="2dp"
             android:text="Create own button"
-            app:cb_background="@android:color/transparent"
+            app:cb_background="#f1c8c2"
             app:cb_frame_color="#DBBA23"
             app:cb_frame_color_disabled="#CFB957"
             app:cb_frame_color_pressed="#A88D13"
             app:cb_frame_size="5dp"
             app:cb_primary_color="#DB433B"
-            app:cb_secondary_color="#E01E14" />
+            app:cb_secondary_color="#E01E14"
+            app:cb_shape_radius="5dp" />
 
 
         <pl.sigmapoint.customview.CustomButton