Steppers
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Stepper memungkinkan pengguna membuat pilihan dari rentang nilai.
Gunakan stepper untuk mendapatkan pengalaman kontrol layar penuh yang memungkinkan pengguna membuat pilihan dari rentang nilai.
Anatomi
A. Tombol naikkan
B. Label atau chip
C. Tombol turunkan
Penggunaan
Lihat contoh cara menggunakan stepper berikut.
Lihat Library Horologist di GitHub yang menawarkan implementasi layar kontrol volume.
Tata letak adaptif
Perilaku responsif
Komponen stepper mengisi tinggi dan lebar yang tersedia, sehingga jarak antar elemen ditentukan oleh ukuran layar dan tinggi yang tersedia.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# Steppers\n\nThe [Stepper](/reference/kotlin/androidx/wear/compose/material/package-summary#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.ranges.ClosedFloatingPointRange,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) allow users to make a selection from a range of values. \nUse steppers for a full-screen control experience that allows users to make a selection from a range of values.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\n**A. Increase button\nB. Label or chip\nC. Decrease button**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nSee the following examples of how to use steppers.\n\nCheck out the [Horologist library](https://github.com/google/horologist#-audio-and-ui) on GitHub that offers an implementation of a volume control screen.\n\nAdaptive layouts\n----------------\n\nResponsive behavior\n-------------------\n\nThe stepper component fills available height and width, therefore the gap between elements is determined by the screen size and the available height."]]
