Merge pull request #110

Slider added to sample app

Author: philips77

app/src/main/java/no/nordicsemi/android/common/test/main/page/BasicViewsPage.kt

@@ -47,10 +47,12 @@ import androidx.compose.material3.Card
 import androidx.compose.material3.Checkbox
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedCard
+import androidx.compose.material3.Slider
 import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
@@ -67,6 +69,7 @@ import no.nordicsemi.android.common.navigation.Navigator
 import no.nordicsemi.android.common.test.R
 import no.nordicsemi.android.common.test.simple.Hello
 import no.nordicsemi.android.common.theme.NordicTheme
+import no.nordicsemi.android.common.ui.view.NordicSliderDefaults
 import no.nordicsemi.android.common.ui.view.PagerViewItem
 import javax.inject.Inject
 
@@ -172,6 +175,18 @@ private fun OtherWidgets() {
 
             Switch(checked = checkedSwitch, onCheckedChange = { checkedSwitch = it })
         }
+
+        var sliderValue by rememberSaveable { mutableFloatStateOf(5.0f) }
+        Text(
+            text = stringResource(id = R.string.slider, sliderValue.toInt()),
+        )
+        Slider(
+            value = sliderValue,
+            valueRange = 0.0f..10.0f,
+            onValueChange = { sliderValue = it },
+            steps = 9,
+            colors = NordicSliderDefaults.colors()
+        )
     }
 }
 

app/src/main/res/values/strings.xml

@@ -70,6 +70,7 @@
     <string name="action_dialog">Open Dialog</string>
 
     <string name="option">Important option</string>
+    <string name="slider">Value: %d</string>
 
     <string name="hello">Hello!</string>
     <string name="hello_param">Param: %d</string>

ui/src/main/java/no/nordicsemi/android/common/ui/view/NordicSliderDefaults.kt

@@ -0,0 +1,20 @@
+package no.nordicsemi.android.common.ui.view
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.SliderColors
+import androidx.compose.material3.SliderDefaults
+import androidx.compose.runtime.Composable
+
+/**
+ * Object to hold defaults Nordic colors used by Slider.
+ */
+object NordicSliderDefaults {
+
+    @Composable
+    fun colors(): SliderColors = SliderDefaults.colors(
+        activeTickColor = MaterialTheme.colorScheme.onPrimary,
+        inactiveTickColor = MaterialTheme.colorScheme.primary,
+        activeTrackColor = MaterialTheme.colorScheme.primary,
+        inactiveTrackColor = MaterialTheme.colorScheme.primaryContainer,
+    )
+}