Added stroke cap picker to Compose sample

Author: mtotschnig

sample/src/main/kotlin/app/futured/donutsample/ui/playground/compose/PlaygroundComposeActivity.kt

@@ -19,6 +19,7 @@ import androidx.compose.animation.core.tween
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.StrokeCap
 import androidx.compose.ui.platform.ComposeView
 import app.futured.donut.compose.data.DonutConfig
 import app.futured.donut.compose.data.DonutModel
@@ -211,6 +212,14 @@ class PlaygroundComposeActivity : AppCompatActivity() {
             updateAnimationSpecs()
         }
         //endregion
+
+        findViewById<RadioGroup>(R.id.stroke_caps_radio_group).setOnCheckedChangeListener { _, checkedId ->
+            mutateData { data -> data.copy(strokeCap = when (checkedId) {
+                R.id.stroke_cap_round -> StrokeCap.Round
+                R.id.stroke_cap_butt -> StrokeCap.Butt
+                else -> error("Unexpected id: $checkedId")
+            }) }
+        }
     }
 
     private fun updateAnimationSpecs() {

sample/src/main/res/layout/activity_playground.xml

@@ -329,39 +329,7 @@
 
             </HorizontalScrollView>
 
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="8dp"
-                android:text="@string/animation_stroke_caps"/>
-
-            <HorizontalScrollView
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content">
-
-                <RadioGroup
-                    android:id="@+id/stroke_caps_radio_group"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:orientation="horizontal">
-
-                    <androidx.appcompat.widget.AppCompatRadioButton
-                        android:id="@+id/stroke_cap_round"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_marginStart="8dp"
-                        android:checked="true"
-                        android:text="@string/stroke_cap_round"/>
-
-                    <androidx.appcompat.widget.AppCompatRadioButton
-                        android:id="@+id/stroke_cap_butt"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:text="@string/stroke_cap_butt"/>
-
-                </RadioGroup>
-
-            </HorizontalScrollView>
+            <include layout="@layout/pick_stroke_cap" />
 
         </LinearLayout>
 

sample/src/main/res/layout/activity_playground_compose.xml

@@ -306,6 +306,8 @@
 
             </HorizontalScrollView>
 
+            <include layout="@layout/pick_stroke_cap" />
+
         </LinearLayout>
 
     </ScrollView>

sample/src/main/res/layout/pick_stroke_cap.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:tools="http://schemas.android.com/tools"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    tools:showIn="@layout/activity_playground">
+
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="8dp"
+        android:text="@string/animation_stroke_caps" />
+
+    <HorizontalScrollView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <RadioGroup
+            android:id="@+id/stroke_caps_radio_group"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal">
+
+            <androidx.appcompat.widget.AppCompatRadioButton
+                android:id="@+id/stroke_cap_round"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="8dp"
+                android:checked="true"
+                android:text="@string/stroke_cap_round" />
+
+            <androidx.appcompat.widget.AppCompatRadioButton
+                android:id="@+id/stroke_cap_butt"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/stroke_cap_butt" />
+
+        </RadioGroup>
+
+    </HorizontalScrollView>
+</merge>