Merge branch 'master' of github.com:marcherdiego/swipe-compare

README.MD

@@ -19,7 +19,23 @@ implementation "com.github.marcherdiego.swipecompare:core:LATEST_VERSION"
 |-----------------------------------------------------------------------	|-------------------------------------------------------------------	|
 | <img alt='Horizontal layout' src='gifs/horizontal.gif' height='400'/> 	| <img alt='Vertical layout' src='gifs/vertical.gif' height='400'/> 	|
 
-#### Setup with Fragments
+#### XML
+```xml
+<com.github.marcherdiego.swipecompare.core.VerticalSwipeCompareLayout
+        app:vertical_top_view="@drawable/img1"
+        app:vertical_bottom_view="@drawable/img2"
+        app:vertical_slider_bar_color="@color/white"
+        app:vertical_slider_bar_height="2dp"
+        app:vertical_slider_icon_width="10dp"
+        app:vertical_slider_icon_height="10dp"
+        app:vertical_slider_icon_image="@drawable/circle_background"
+        app:vertical_slider_icon_padding_bottom="4dp"
+        app:vertical_slider_icon_padding_left="4dp"
+        app:vertical_slider_icon_padding_right="4dp"
+        app:vertical_slider_icon_padding_top="4dp"/>
+```
+
+#### Setup with Fragments (Programmatically)
 ```kotlin
 private val horizontalSwipeCompareLayout: HorizontalSwipeCompareLayout = findViewById(R.id.horizontal_swipe_compare)
 // ...
@@ -35,7 +51,7 @@ horizontalSwipeCompareLayout
     }
 ```
 
-#### Setup with Views
+#### Setup with Views (Programmatically)
 replace 
 ```kotlin
 horizontalSwipeCompareLayout
@@ -54,7 +70,35 @@ horizontalSwipeCompareLayout
 |---------------------------------------------------------------------	|
 | <img alt='Crosshair layout' src='gifs/crosshair.gif' height='400'/> 	|
 
-#### Setup with Fragments
+#### XML
+```xml
+<com.github.marcherdiego.swipecompare.core.CrosshairSwipeCompareLayout
+        app:crosshair_top_left_view="@drawable/img1"
+        app:crosshair_top_right_view="@drawable/img2"
+        app:crosshair_bottom_left_view="@drawable/ss1"
+        app:crosshair_bottom_right_view="@drawable/ss2"
+        app:crosshair_horizontal_slider_bar_color="@color/white"
+        app:crosshair_horizontal_slider_bar_width="2dp"
+        app:crosshair_horizontal_slider_icon_height="12dp"
+        app:crosshair_horizontal_slider_icon_width="12dp"
+        app:crosshair_horizontal_slider_icon_image="@drawable/circle_background"
+        app:crosshair_horizontal_slider_icon_padding_bottom="4dp"
+        app:crosshair_horizontal_slider_icon_padding_left="4dp"
+        app:crosshair_horizontal_slider_icon_padding_right="4dp"
+        app:crosshair_horizontal_slider_icon_padding_top="4dp"
+        app:crosshair_vertical_slider_bar_color="@color/white"
+        app:crosshair_vertical_slider_bar_height="2dp"
+        app:crosshair_vertical_slider_icon_image="@drawable/circle_background"
+        app:crosshair_vertical_slider_icon_width="12dp"
+        app:crosshair_vertical_slider_icon_height="12dp"
+        app:crosshair_vertical_slider_icon_padding_bottom="4dp"
+        app:crosshair_vertical_slider_icon_padding_left="4dp"
+        app:crosshair_vertical_slider_icon_padding_right="4dp"
+        app:crosshair_vertical_slider_icon_padding_top="4dp"
+        app:crosshair_touch_enabled="false"/>
+```
+
+#### Setup with Fragments (Programmatically)
 ```kotlin
 private val crosshairSwipeCompareLayout: CrosshairSwipeCompareLayout = findViewById(R.id.crosshair_swipe_compare)
 // ...
@@ -76,7 +120,7 @@ crosshairSwipeCompareLayout
         // Do something with `x` and `y`
     }
 ```
-#### Setup with Views
+#### Setup with Views (Programmatically)
 replace 
 ```kotlin
 crosshairSwipeCompareLayout