Tema come materiale di usura
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Il tema del materiale da indossare è la capacità di personalizzare sistematicamente il design dei materiali per Wear in modo da riflettere il tuo brand. Quando inizi a modificare aspetti dell'interfaccia utente, come il colore e la tipografia, gli strumenti per i temi dei materiali di utilizzo applicano la tua visione del design a tutta l'esperienza utente. Gli strumenti consentono di passare facilmente dai flussi di lavoro di progettazione a quelli di codice fornendo valori specifici per tutti gli attributi personalizzabili. La personalizzazione dei valori degli attributi crea un tema materiale per l'abbigliamento per il tuo prodotto.
Utilizza i temi del materiale da indossare
I temi del materiale indossabile sono costituiti da tre azioni principali: personalizzare il tema,
applicarlo agli esempi del design e utilizzarlo nel codice.
Wear Material Design è dotato di un tema integrato che può essere utilizzato così com'è.
Personalizza il tema integrato per fare in modo che Material si adatti al tuo prodotto.
Temi nella pratica
I temi influiscono sull'intera UI, inclusi i singoli componenti come i chip.
L'esempio seguente mostra come personalizzare i valori predefiniti di un componente di chip.
A un chip contenuto vengono assegnati valori per una specifica famiglia di colori, forme e tipi. Regola i valori predefiniti in base allo stile della tua app.
| Prima
Un chip di base del materiale Wear con stili predefiniti.
|
Dopo
Un chip personalizzato per il materiale di usura.
|
Colore
Il sistema di colori supporta l'impostazione di colori personalizzati per componenti, testo, icone e superfici. Imposta i colori del tema per le 13 categorie seguenti:
Principale
Variante principale
Secondario
Variante secondaria
Premessa
Surface
Errore
Su principale
Al secondario
In background
In superficie
Variante in piattaforma
In caso di errore
Tipografia
Il sistema tipografico supporta 11 categorie che insieme formano la scala dei tipi.
Questa scala determina i vari stili e dimensioni dei tipi che vengono visualizzati sullo schermo, dal corpo del testo al testo del pulsante.
Gli attributi di tipografia sono controllati da valori che possono essere personalizzati in base a famiglia di tipi, carattere, maiuscole/minuscole, dimensioni e tracciamento.
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,["# Wear Material Theming is the ability to systematically customize Wear Material\nDesign to reflect your brand. When you begin changing aspects of your UI such\nas color and typography, Wear Material Theming tools apply your design vision\nthroughout your user experience. The tools allow easy switching between\ndesign and code workflows by providing specific values for all customizable\nattributes. Customizing the attribute values creates a Wear Material Theme for\nyour product.\n\nUse Wear Material Theming\n-------------------------\n\nWear Material Theming consists of three main actions: customizing your theme,\napplying it across your design mocks, and using it in code.\n\nWear Material Design comes with a built-in theme that can be used as is.\nCustomize the built-in theme to make Material work for your product.\n\n### Theming in practice\n\nTheming affects your entire UI, including individual components such as chips.\nThe following example shows how to customize a chip component's default values.\n\nA contained chip is assigned values for a specific color, shape, and type\nfamily. Adjust the default values to suit your app's style.\n\n|---------------------------------------------------------------|--------------------------------------------|\n| **Before** A baseline Wear Material chip with default styles. | **After** A customized Wear Material chip. |\n\nColor\n-----\n\nThe color system supports setting custom colors for components, text, icons, and\nsurfaces. Set your theme colors for the 13 following categories:\n\n1. Primary\n\n2. Primary Variant\n\n3. Secondary\n\n4. Secondary Variant\n\n5. Background\n\n6. Surface\n\n7. Error\n\n8. On Primary\n\n9. On Secondary\n\n10. On Background\n\n11. On Surface\n\n12. On Surface Variant\n\n13. On Error\n\nTypography\n----------\n\nThe typography system supports 11 categories that together form the type scale.\nThis type scale determines the various type styles and sizes that appear\non-screen, ranging from body copy to button text.\n\nTypography attributes are controlled by values that can be customized for the\ntype family, font, case, size, and tracking."]]
