Files
android__skills/wear/wear-compose-m3/references/material3/SliderSample.kt.md
T
android-devrel-github-bot ac4238481a Updates skills (2026-09-07 11:38) (#187)
Co-authored-by: android-devrel-github-bot <android-devrel-github-bot@users.noreply.github.com>
2026-09-07 12:56:54 +01:00

2.2 KiB

/*
 * Copyright 2023 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package androidx.wear.compose.material3.samples

import androidx.annotation.Sampled
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.wear.compose.material3.Slider
import androidx.wear.compose.material3.SliderDefaults

@Sampled
@Composable
fun SliderSample() {
    var value by remember { mutableStateOf(4.5f) }
    Slider(
        value = value,
        onValueChange = { value = it },
        valueRange = 3f..6f,
        steps = 5,
        segmented = false,
    )
}

@Sampled
@Composable
fun ChangedSliderSample() {
    val initialValue = 4.5f
    var value by remember { mutableStateOf(5.0f) }
    Slider(
        value = value,
        onValueChange = { value = it },
        valueRange = 3f..6f,
        steps = 5,
        segmented = false,
        colors =
            if (value == initialValue) {
                SliderDefaults.sliderColors()
            } else {
                SliderDefaults.variantSliderColors()
            },
    )
}

@Sampled
@Composable
fun SliderSegmentedSample() {
    var value by remember { mutableStateOf(2f) }
    Slider(
        value = value,
        onValueChange = { value = it },
        valueRange = 1f..4f,
        steps = 2,
        segmented = true,
    )
}

@Sampled
@Composable
fun SliderWithIntegerSample() {
    var value by remember { mutableStateOf(4) }
    Slider(
        value = value,
        onValueChange = { value = it },
        valueProgression = 0..10,
        segmented = false,
    )
}