Beralih chip
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
SwitchChip adalah chip khusus yang memungkinkan pengguna memilih berbagai opsi.
Chip alih mencakup kontrol peralihan antara dua status. Beberapa contoh kontrol beralih dua status mencakup tombol akses, tombol pilihan, atau kotak centang. Gunakan chip beralih untuk situasi ketika banyak opsi mungkin perlu ditetapkan dengan cepat dan mudah, seperti di Setelan.
Anatomi
Chip alih memiliki empat slot yang mengakomodasi dua label teks, satu kontrol pilihan, dan satu ikon aplikasi. Ikon dan label sekunder bersifat opsional.
A. Label
B. Label sekunder
C. Ikon
D. Kontrol pilihan
E. Penampung
Alihkan Gradien Chip
Atas/Kiri = 0% Permukaan
Bawah/Kanan = 50% Utama
(Overlay Gradien di latar belakang warna Permukaan)
Kontrol pilihan
Ganti
Gunakan tombol akses untuk mengaktifkan atau menonaktifkan pilihan.
Tombol pilihan
Gunakan tombol pilihan dalam daftar tempat pengguna hanya dapat memilih satu opsi.
Kotak centang
Gunakan kotak centang dalam daftar tempat pengguna dapat memilih beberapa opsi.
Chip alih terpisah
Gunakan chip alih terpisah jika Anda menginginkan dua area yang dapat diketuk.
SwitchChip Terpisah
SplitSwitchChip berbeda dengan SwitchChip karena memiliki dua area yang dapat diketuk, yang satu dapat diklik dan satunya lagi dengan tombol.
Pada chip tombol terpisah, bedakan antara area latar belakang yang dapat diketuk dan kontrol tombol dengan memberikan warna berbeda untuk setiap bagian.
Penggunaan
Gunakan SwitchChips seperti yang ditunjukkan dalam contoh berikut.
Tata letak adaptif
Perilaku responsif
BeralihChips direntangkan untuk mengisi lebar yang tersedia di layar yang lebih besar.
Ikon (24 x 24 dp)
Penampung (52 x XX dp)
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,["# Toggle chips\n\nA [ToggleChip](/reference/kotlin/androidx/wear/compose/material/package-summary#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape,kotlin.Function0)) is a specialized chip that allows users to select various options. \nToggle chips include a bi-state toggle control. Some examples of a bi-state toggle control include a switch, radio button, or checkbox. Use toggle chips for situations in which many options may need to be quickly and easily set, such as in Settings.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\nToggle chips have four slots that accommodate two text labels, one selection control and one application icon. The icon and secondary label are optional.\n\n**A. Label\nB. Secondary label\nC. Icon\nD. Selection control\nE. Container**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nToggle Chips Gradient\n---------------------\n\nTop/Left = 0% Surface \n\nBottom/Right = 50% Primary \n\n(Gradient overlays on a background of Surface color)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nSelection control\n-----------------\n\n**Switch**\n\nUse a switch to turn a selection on or off.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Radio button**\n\nUse radio buttons in lists where the user can select only one option.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Checkbox**\n\nUse checkboxes in lists where the user can select multiple options.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Split toggle chips**\n\nUse split toggle chips when you want two tappable areas.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nRelated components\n------------------\n\n**Split ToggleChips**\n\nThe SplitToggleChip differs from the ToggleChip by having two tappable areas, one clickable and one with the toggle. \n\n\nOn split toggle chips, differentiate between the tappable background area and the toggle control by making each section a different color.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nUse ToggleChips as shown in the following examples.\n\nAdaptive layouts\n----------------\n\n**Responsive behavior**\n\nToggleChips stretch to fill the available width on larger displays. \n\n\nIcon (24 x 24 dp) \n\nContainer (52 x XX dp)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]
