[UPDATE] [#22] Added docs and renamed resources properly.

Author: hossain-khan

README.md

@@ -19,7 +19,7 @@ A demo application for Android `ConstraintLayout` with various usage with sample
   * [ ] Vertical Axis: top, bottom sides and text baseline
 - [ ] Margins
 - [x] Centering positioning and bias
-- [ ] Circular positioning _(Added in 1.1)_
+- [x] Circular positioning _(Added in 1.1)_
 - [ ] Visibility behavior
 - [ ] Dimension constraints
   * [ ] Ratio
@@ -49,4 +49,4 @@ These are the **my** objectives for this demo application.
 ## Preview
 Here is a snapshot of current progress _(This will be updated from time to time)_.  
 
-![Browse Layout Variances](https://user-images.githubusercontent.com/99822/39676220-f20ef5c6-5134-11e8-9430-08f90b5fe5fb.png) ![Show Layout Screen](https://user-images.githubusercontent.com/99822/39676265-a0bb1f28-5135-11e8-8c34-014cef844e97.png)
+![Browse Layout Variances](https://user-images.githubusercontent.com/99822/39677044-d235942c-5142-11e8-972d-bb0885f87384.png) ![Show Layout Screen](https://user-images.githubusercontent.com/99822/39676265-a0bb1f28-5135-11e8-8c34-014cef844e97.png)

app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt

@@ -29,17 +29,17 @@ class LayoutDataStore @Inject constructor(
     val supportedLayoutInfos = listOf(
             LayoutInformation(
                     layoutResourceId = R.layout.preview_positioning_top_left,
-                    thumbnailResourceId = R.drawable.ic_positioning_top_left,
+                    thumbnailResourceId = R.drawable.thumb_positioning_top_left,
                     title = "Positioning: Top Left",
                     description = "Top left using constraints."),
             LayoutInformation(
                     layoutResourceId = R.layout.preview_positioning_centered,
-                    thumbnailResourceId = R.drawable.ic_positioning_center,
+                    thumbnailResourceId = R.drawable.thumb_positioning_center,
                     title = "Positioning: Centered",
                     description = "Centered view using constraints on top-bottom and left-right."),
             LayoutInformation(
                     layoutResourceId = R.layout.preview_positioning_circular,
-                    thumbnailResourceId = R.drawable.ic_positioning_circular,
+                    thumbnailResourceId = R.drawable.thumb_positioning_circular,
                     title = "Positioning: Circular",
                     description = "You can constrain a widget center relative to another widget center, at an angle and a distance. This allows you to position a widget on a circle." +
                             "\n\n" +

…n/res/drawable/ic_positioning_center.xml …es/drawable/thumb_positioning_center.xmlapp/src/main/res/drawable/ic_positioning_center.xml renamed to app/src/main/res/drawable/thumb_positioning_center.xml app/src/main/res/drawable/ic_positioning_center.xml renamed to app/src/main/res/drawable/thumb_positioning_center.xml

@@ -25,7 +25,7 @@
 
 
     <!--
-        First setup a centered view.
+        First setup a centered view which will be used to place other textviews using circular angle.
     -->
     <View
         android:id="@+id/view_centered"
@@ -36,7 +36,7 @@
         app:layout_constraintTop_toTopOf="parent" />
 
     <!--
-         Text at 45 degree with radius 100dp
+         Text at 45 degree with distance 100dp from centered box.
     -->
     <TextView
         style="@style/SimpleInfoTextView"
@@ -47,7 +47,7 @@
         tools:ignore="HardcodedText" />
 
     <!--
-         Text at 220 degree with radius 150dp
+         Text at 220 degree with distance 150dp from centered box.
     -->
     <TextView
         style="@style/SimpleInfoTextView"