Переключить фишки
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
ToggleChip — это специализированный чип, который позволяет пользователям выбирать различные параметры.
Чипы переключателей включают в себя двухпозиционное управление переключателем. Некоторые примеры переключателя с двумя состояниями включают переключатель, переключатель или флажок. Используйте переключатели в ситуациях, когда необходимо быстро и легко настроить множество параметров, например в настройках.
Анатомия
Чипы переключателей имеют четыре слота, в которых размещаются две текстовые метки, один элемент управления выбором и один значок приложения. Значок и дополнительная метка не являются обязательными.
Метка
Б. Вторичная этикетка
С. Значок
D. Контроль выбора
Е. Контейнер
Переключить градиент чипсов
Сверху/Слева = 0% поверхности
Внизу/Справа = 50 % Первичный
(Наложение градиента на фон цвета поверхности)
Контроль выбора
Выключатель
Используйте переключатель, чтобы включить или выключить выбор.
Переключатель
Используйте переключатели в списках, где пользователь может выбрать только один вариант.
Флажок
Используйте флажки в списках, где пользователь может выбрать несколько вариантов.
Разделение переключателей фишек
Используйте разделенные фишки-переключатели, если вам нужны две области, на которые можно нажимать.
Разделить ToggleChips
SplitToggleChip отличается от ToggleChip тем, что имеет две области, на которые можно нажимать: одну можно щелкнуть, а другую — с переключателем.
На разделенных микросхемах переключателей различайте фоновую область, на которую можно нажимать, и элемент управления переключателем, задав каждому разделу разный цвет.
Применение
Используйте ToggleChips, как показано в следующих примерах.
Адаптивные макеты
Отзывчивое поведение
ToggleChips растягивается, чтобы заполнить доступную ширину на больших дисплеях.
Значок (24 x 24 пикселя)
Контейнер (52 x XX dp)
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 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"]]
