Attiva/disattiva chip
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un ToggleChip è un chip specializzato che consente agli utenti di selezionare varie opzioni.
I chip di attivazione/disattivazione includono un controllo di attivazione/disattivazione bi-stato. Alcuni esempi di controllo di attivazione/disattivazione bi-stato includono un'opzione, un pulsante di opzione o una casella di controllo. Utilizza i chip di attivazione/disattivazione per situazioni in cui potrebbe essere necessario impostare molte opzioni in modo rapido e semplice, ad esempio nelle Impostazioni.
Anatomia
I chip di attivazione/disattivazione hanno quattro aree che ospitano due etichette di testo, un controllo di selezione e un'icona dell'applicazione. L'icona e l'etichetta secondaria sono facoltative.
A. Etichetta
B. Etichetta secondaria
C. Icona
D. Controllo selezione
E. contenitore
Attiva/disattiva gradiente di chip
In alto/sinistra = 0% superficie
In basso/destra = 50% principale
(Overlay di sfumatura su uno sfondo del colore superficie)
Controllo selezione
Cambia
Utilizza un sensore per attivare o disattivare una selezione.
Pulsante di opzione
Utilizza i pulsanti di opzione negli elenchi in cui l'utente può selezionare solo un'opzione.
Casella di controllo
Utilizzare le caselle di controllo negli elenchi in cui l'utente può selezionare più opzioni.
Chip di attivazione/disattivazione della suddivisione
Utilizza chip di attivazione/disattivazione di suddivisione quando vuoi che due aree possano essere toccate.
Chip di attivazione/disattivazione
SplitToggleChip si differenzia da SwitchChip per avere due aree toccabili, una cliccabile e una con il pulsante di attivazione/disattivazione.
Nei chip di attivazione/disattivazione di suddivisione, differenzia l'area di sfondo toccabile e il controllo di attivazione/disattivazione rendendo ogni sezione un colore diverso.
Utilizzo
Utilizza SwitchChips come mostrato negli esempi seguenti.
Layout adattivi
Comportamento reattivo
Attiva/disattiva i chip allungano per riempire la larghezza disponibile su display più grandi.
Icona (24 x 24 dp)
Contenitore (52 x XX dp)
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-27 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 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"]]
