Włącz lub wyłącz elementy
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
ToggleChip to specjalny układ, który pozwala użytkownikom wybrać różne opcje.
Elementy przełączania obejmują dwustanowy przełącznik. Przykładowe elementy sterujące dwustanowe to przełącznik, przycisk i pole wyboru. Elementów przełączania używaj w sytuacjach, w których wiele opcji może wymagać szybkiego i łatwego ustawienia, na przykład w Ustawieniach.
Anatomia
Elementy przełączania mają 4 boksy, w których można umieścić 2 etykiety tekstowe, 1 element sterujący wyboru i 1 ikonę aplikacji. Ikona i etykieta dodatkowa są opcjonalne.
A. Etykieta
B. Etykieta dodatkowa
C. Ikona
D. Sterowanie zaznaczaniem
E. kontener
Włącz gradient elementów
Góra/Lewo = 0% powierzchni
Dolna/prawo = 50% powierzchni podstawowej
(nakładki gradientu na tle w kolorze powierzchni)
Sterowanie zaznaczaniem
Przełącz
Użyj przełącznika, aby włączyć lub wyłączyć wybraną opcję.
Opcja
Użyć przycisków na listach, na których użytkownik może wybrać tylko jedną opcję.
Pole wyboru
Używaj pól wyboru na listach, na których użytkownik może wybrać wiele opcji.
Podzielone elementy przełącznika
Używaj podzielonych elementów przełączania, jeśli potrzebujesz 2 obszarów, które można kliknąć.
Podzielenie elementów SwitchChips
SplitToggleChip różni się od SwitchChip 2 obszarami, które można kliknąć: jednym z klikalnym i drugim z przełącznikiem.
W przypadku podzielonych elementów sterujących możesz rozróżnić obszar tła, który można kliknąć, a element sterujący przełączania, zmieniając kolor każdej sekcji.
Wykorzystanie
Użyj SwitchChips w sposób podany w poniższych przykładach.
Adaptacyjne układy
Działanie responsywne
Rozciągają się, aby wypełnić dostępną szerokość na większych ekranach.
Ikona (24 x 24 dp)
Kontener (52 x XX dp)
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-27 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 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"]]
