Update README.md

Author: FlodCoding

README.md

@@ -1,22 +1,90 @@
 # LoadingButton
 
- 一个加载功能的按钮控件，支持按钮收缩，完成和失败的图标文字切换
+ 一个小巧灵活的带加载功能的按钮控件，继承自[DrawableTextView]()
 
-### 特性
+## 特性
    * 支持按钮收缩
    * 支持加载取消，加载完成和失败图标替换
    * 可设置加载动画颜色、大小、位置
 
-### Demo
+## Demo
 [点我下载](https://github.com/FlodCoding/LoadingButton/raw/master/app/build/outputs/apk/debug/app-debug.apk)
 
+![](/screenrecord/APK_qrcode.png)
+
+### Demo截图
 ![](/screenrecord/shrink.gif)    ![](/screenrecord/noshrink.gif)
 
-### 属性说明
+## 基本用法
+
+### XML
+```
+<com.flod.loadingbutton.LoadingButton
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@drawable/selector_btn"
+            android:drawablePadding="10dp"
+            android:gravity="center"
+            android:padding="8dp"
+            android:text="Submit"
+            app:endCompleteDrawable="@drawable/ic_successful"
+            app:endFailDrawable="@drawable/ic_fail" />
+```
+### Code
+```
+loadingBtn.setEnableShrink(true)
+                .setDisableClickOnLoading(true)
+                .setShrinkDuration(450)
+                .setLoadingColor(loadingBtn.getTextColors().getDefaultColor())
+                .setLoadingStrokeWidth((int) (loadingBtn.getTextSize() * 0.14f))
+                .setLoadingPosition(DrawableTextView.POSITION.START)
+                .setCompleteDrawable(R.drawable.ic_successful)
+                .setFailDrawable(R.drawable.ic_fail)
+                .setEndDrawableKeepDuration(900)
+                .setLoadingEndDrawableSize((int) (loadingBtn.getTextSize() * 2))
+                .setOnLoadingListener(new LoadingButton.OnLoadingListenerAdapter() {
+                    @Override
+                    public void onCanceled() {
+                        Toast.makeText(getApplicationContext(), "onCanceled", Toast.LENGTH_SHORT).show();
+                    }
+
+                    @Override
+                    public void onFailed() {   
+                        Toast.makeText(getApplicationContext(), "onFailed", Toast.LENGTH_SHORT).show();
+                    }
+
+                    @Override
+                    public void onCompleted() {
+                        Toast.makeText(getApplicationContext(), "onCompleted", Toast.LENGTH_SHORT).show();
+                    }
+
+                    @Override
+                    public void onLoadingStart() {
+                        loadingBtn.setText("Loading");
+                    }
+
+                    @Override
+                    public void onEndDrawableAppear(boolean isComplete, LoadingButton.EndDrawable endDrawable) {
+                        if (isSuccess) {
+                            loadingBtn.setText("Complete);
+                        } else {
+                            loadingBtn.setText("Fail");
+                        }
+                    }
+                });
+```
+
+## 属性说明
 属性名|类型|说明
 ---|:--:|---:
-enableShrink|boolean|设置加载时收缩
-disableClickOnLoading|boolen|设置加载时禁用点击
-shrinkDuration|int(default:450)|收缩动画时间
-shrinkDuration|int(default:450)|收缩动画时间
+enableShrink|boolean  (default:true)|设置加载时收缩
+disableClickOnLoading|boolen (default:true)|设置加载时禁用点击
+shrinkDuration|integer (default:450ms)|收缩动画时间
+loadingEndDrawableSize|dimension (default:TextSize*2)|设置LaodingDrawable和EndDrawable大小
+loadingDrawableColor|color (default:TextColor)设置Loading的颜色
+loadingDrawablePosition|enum：Start,Top,End,Bottom (default:Start)|设置Loading的位置
+endCompleteDrawable|reference|完成时显示的图标
+endFailDrawable|reference|失败时显示的图标
+endDrawableAppearTime|integer|完成或失败图标从无到有的时间
+endDrawableDuration|integer|完成或失败图标停留的时间