diff --git a/README.md b/README.md
index 387fd56..d7cf547 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,178 @@
 # MultiSelectAdapter
+
+MultiSelectAdapter是一个为RecyclerView设计的Adapter，它可以在不修改你原有Adapter的前提下让你的RecycleView支持多选和批量操作
+
+## Demo
+
+<table>
+<tr>
+<td><img src="./screenshot/Demo0.png" alt="Demo0" width="200"</td>
+<td><img src="./screenshot/Demo1.png" alt="Demo1" width="200"</td>
+<td><img src="./screenshot/Demo2.png" alt="Demo2" width="200"</td>
+<td><img src="./screenshot/Demo3.png" alt="Demo3" width="200"</td>
+</tr>
+<tr>
+<td><img src="./screenshot/Demo0.png" alt="Demo0" width="200"</td>
+<td><img src="./screenshot/Demo4.png" alt="Demo4" width="200"</td>
+<td><img src="./screenshot/Demo5.png" alt="Demo5" width="200"</td>
+<td><img src="./screenshot/Demo6.png" alt="Demo6" width="200"</td>
+</tr>
+</table>
+
+## Usage
+
+````java
+ MultipleAdapter adapter = MultipleSelect
+                .with(Activity)
+                .adapter(YourAdapter)
+                .ignoreViewType(ItemViewType)
+                .stateChangeListener(StateChangeListener)
+                .decorateFactory(? extends DecorateFactory)
+                .customMenu(? extends MenuBar)
+                .build();
+````
+
+| 方法名 | 形参 | 是否必须 | 说明 |
+|:-----|:-----|:-----|:-----|
+| with | Activity | 是 | 显示RecycleView的Activity |
+| adapter | RecyclerView.Adapter | 是 | 你的Adapter |
+| ignoreViewType | Integer[] | 否 | 需要忽略的Item类型，比如Section，Header，Footer等 |
+| stateChangeListener | StateChangeListener | 否 | 选择模式时候的一些消息回调 |
+| decorateFactory | ? extends DecorateFactory | 否 | 选择模式时Item的样式创建类，可以自定义，具体样式参考上面Demo，底下会详细介绍 |
+| customMenu | ? extends MenuBar | 否 | 选择模式的Menu，默认提供几种方式，可以简单的自定义和完全的自定义 |
+
+### StateChangeListener
+
+````kotlin
+/**
+ * Kotlin
+ * 一些操作的回调
+ */
+open class SimpleStateChangeListener:StateChangeListener{
+    override fun onSelectMode() {
+
+    }
+
+    override fun onSelect(position: Int, selectNum: Int) {
+
+    }
+
+    override fun onUnSelect(position: Int, selectNum: Int) {
+
+    }
+
+    override fun onDone(array: ArrayList<Int>) {
+
+    }
+
+    override fun onDelete(array: ArrayList<Int>) {
+
+    }
+
+    override fun onCancel() {
+
+    }
+
+}
+````
+
+### DecorateFactory
+
+DecorateFactory定义了在多选模式下Item的样式，如下左侧是正常模式的显示状态，右侧是多线模式下的显示样式（其中的一种样式）
+
+<img src="./screenshot/NormalItemView.png" alt="RadioButtonStyle" width="200" />
+<img src="./screenshot/SelectItemView.png" alt="RadioButtonStyle" width="200" />
+
+目前内置四种样式的DecorateFactory，分别是
+
+| 类名 | 构造方法参数 | 说明 | Demo | 
+|:-----|:-----|:------|:-----|
+| RadioBtnFactory | color:Int(RadioBtn颜色), duration:Long(动画时长), gravity:Int(位置，Gravity.LEFT,Gravity.RIGHT) | 在Item外面的左侧或者右侧显示RadioButton |<img src="./screenshot/Demo1.png" alt="RadioButtonStyle" width="200" />|
+| CheckBoxFactory | color:Int(颜色), duration:Long(动画时长), gravity:Int(位置，Gravity)，marginDp:Int，边距 | 在Item内部的左侧或者右侧显示RadioButton， |<img src="./screenshot/Demo2.png" alt="CheckBoxStyle" width="200" />|
+| ColorFactory | targetViewId:Int(改变颜色的View ID)，defaultColor:Int，普通状态下的颜色，selectColor:Int选中状态下的颜色 |    选中和未选中的时候，修改某一个View的背景色 |<img src="./screenshot/Demo3.png" alt="ColorStyle" width="200" /> |
+| DrawableFactory | | | |
+
+##### 当然，你也可以实现自己的风格如下：
+
+````kotlin
+class YourCustomFactory(val color: Int = Color.RED,
+                      val gravity: Int = Gravity.RIGHT,
+                      val marginDp:Int = 8) : CustomViewFactory() {
+    // 显示时候的动画，如果不加动画，则直接将selectView置为View.VISIBLE
+    override fun onShowAnimation(itemView: View, selectView: View) {
+        selectView.visibility = View.VISIBLE
+    }
+
+    // 隐藏时候的动画，如果不加动画，则直接将selectView置为View.GONE
+    override fun onHideAnimation(itemView: View, selectView: View) {
+        selectView.visibility = View.GONE
+    }
+
+	// 创建选中时显示的View
+    override fun onCreateSelectView(context:Context): View {
+        val imageView = ImageView(context)
+        imageView.setImageResource(R.drawable.ic_check_box_black_24dp)
+        imageView.setColorFilter(color)
+        return imageView
+    }
+	// 创建未选中时的View
+    override fun onCreateNormalView(context:Context): View {
+        val imageView = ImageView(context)
+        imageView.setColorFilter(color)
+        imageView.setImageResource(R.drawable.ic_check_box_outline_blank_black_24dp)
+        return imageView
+    }
+
+	// 创建View的容器，该容器包含了用户的ItemView和你定义的选中时的View
+    override fun onCreateRootView(context:Context): ViewGroup {
+        return FrameLayout(context)
+    }
+
+	// 设置ItemView和SelectView的位置关系
+	// ItemView:用户创建的ItemView
+	// SelectView:选中状态View
+    override fun onBindSelectView(root: ViewGroup, itemView: View, selectView: View) {
+        root.removeAllViews()
+        root.addView(itemView)
+        val params = FrameLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT)
+        params.gravity = gravity
+        params.leftMargin = marginDp.toPx(root.context)
+        params.topMargin = marginDp.toPx(root.context)
+        params.rightMargin = marginDp.toPx(root.context)
+        params.bottomMargin = marginDp.toPx(root.context)
+        root.addView(selectView, params)
+    }
+
+}
+
+````
+
+### MenuBar
+
+<img src="./screenshot/MenuBar.png" alt="MenuBar" width="200" />
+
+内置四种MenuBar的样式，具体样式请看Demo
+
+- SimpleDeleteMenuBar
+- SimpleDoneMenuBar
+- SimpleDoneAndDeleteMenuBar
+- SimpleDeleteSelectAllMenuBar
+
+你也可以通过继承CustomMenuBar来实现一个自己的MenuBar：
+
+````kotlin
+	// menuId为一R.menu.*
+    class MyMenuBar(activity:Activity,menuId:Int,color:Int)
+        :CustomMenuBar(activity,menuId,color,Gravity.TOP){
+
+        override fun onUpdateTitle(selectCount: Int, total: Int) {
+            toolbar.title = "选中：$selectCount 总共：$total"
+        }
+
+        override fun onMenuItemClick(menuItem: MenuItem) {
+            //TODO 这里处理点击事件
+        }
+    }
+````
+
+#### 详细的使用可以看这里：[Code](./app/src/main/java/com/goyourfly/multiselectadapter/)
\ No newline at end of file
diff --git a/app/src/main/java/com/goyourfly/multiselectadapter/Demo5Activity.kt b/app/src/main/java/com/goyourfly/multiselectadapter/Demo5Activity.kt
index 4c437be..e4a2c6f 100644
--- a/app/src/main/java/com/goyourfly/multiselectadapter/Demo5Activity.kt
+++ b/app/src/main/java/com/goyourfly/multiselectadapter/Demo5Activity.kt
@@ -9,7 +9,6 @@ import android.view.MenuItem
 import com.goyourfly.multiple.adapter.MultipleSelect
 import com.goyourfly.multiple.adapter.binder.color.ColorFactory
 import com.goyourfly.multiple.adapter.menu.CustomMenuBar
-import com.goyourfly.multiselectadapter.R.menu.*
 
 class Demo5Activity : RecyclerActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -19,7 +18,7 @@ class Demo5Activity : RecyclerActivity() {
                 .with(this)
                 .adapter(DemoAdapter())
                 .decorateFactory(ColorFactory())
-                .customMenu(MyMenuBar(this, menu_select, resources.getColor(R.color.colorPrimary)))
+                .customMenu(MyMenuBar(this, R.menu.menu_select, resources.getColor(R.color.colorPrimary)))
                 .build()
 
     }
diff --git a/screenshot/Demo0.png b/screenshot/Demo0.png
new file mode 100644
index 0000000..6695398
Binary files /dev/null and b/screenshot/Demo0.png differ
diff --git a/screenshot/MenuBar.png b/screenshot/MenuBar.png
new file mode 100644
index 0000000..bb0db59
Binary files /dev/null and b/screenshot/MenuBar.png differ
diff --git a/screenshot/NormalItemView.png b/screenshot/NormalItemView.png
new file mode 100644
index 0000000..9145662
Binary files /dev/null and b/screenshot/NormalItemView.png differ
diff --git a/screenshot/SelectItemView.png b/screenshot/SelectItemView.png
new file mode 100644
index 0000000..fb60052
Binary files /dev/null and b/screenshot/SelectItemView.png differ