Esegui la migrazione dei temi XML in Compose
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Quando introduci Compose in un'app esistente, devi eseguire la migrazione dei temi in XML per utilizzare MaterialTheme per le schermate di Compose. Ciò significa che il tema della tua app avrà due fonti di riferimento: il tema basato sulla visualizzazione e il tema Compose. Eventuali modifiche allo stile devono essere apportate in più posizioni. Una volta eseguita la migrazione completa dell'app a Compose, puoi rimuovere la definizione dei temi XML.
Per eseguire la migrazione dei temi XML a Compose, utilizza Material Theme Builder per eseguire la migrazione da un tema XML a Material 3 in Compose. Puoi utilizzare i ruoli di colore esistenti, ad esempio i colori primari e secondari del tema XML, e passarli a Material Theme Builder. In questo modo, viene creato un tema Material 3 completo in Compose e vengono forniti file di colori e temi scaricabili da utilizzare nella tua app.
Material Theme Builder genera un MaterialTheme e combinazioni di colori chiari e scuri per la tua app. Se la tua app utilizza forme o tipografia personalizzate, esegui la migrazione definendo rispettivamente un Shape e un Typography. Una volta definiti, fornisci queste informazioni al tuo MaterialTheme. Per saperne di più, consulta le sezioni relative a forme e tipografia.
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-08-27 UTC.
[null,null,["Ultimo aggiornamento 2025-08-27 UTC."],[],[],null,["When you introduce Compose in an existing app, you need to migrate your themes in XML to use `MaterialTheme` for Compose screens. This means your app's theming will have two sources of truth: the View-based theme and the Compose theme. Any changes to your styling need to be made in multiple places. Once your app is fully migrated to Compose, you can remove your XML theming.\n| **Note:** For non-Material design systems, see [Custom design systems in Compose](/develop/ui/compose/designsystems/custom).\n\nTo migrate your XML themes to Compose, use the [Material Theme Builder](https://m3.material.io/theme-builder) to migrate from an XML theme to [Material 3](/develop/ui/compose/designsystems/material3#material-theming) in Compose. You can use your existing color roles, such as primary and secondary colors from your XML theme, and pass them to the Material Theme Builder. This creates a fully Material 3 theme in Compose and provides downloadable color and theme files to use in your app.\n\nMaterial Theme Builder generates a `MaterialTheme` and light and dark color schemes for your app. If your app uses custom shapes or typography, migrate your custom shapes and typography by defining a `Shape` and `Typography`, respectively. Once defined, provide that information to your `MaterialTheme`. See [shapes](/develop/ui/compose/designsystems/material3#shapes) and [typography](/develop/ui/compose/designsystems/material3#typography) to learn more.\n| **Note:** If you are not using Material 3, see [Material Design 2 in Compose](/develop/ui/compose/designsystems/material) to learn how to create a theme. See [Migrate from Material 2 to Material 3 in Compose](/develop/ui/compose/designsystems/material2-material3) when you are ready to migrate to Material 3."]]
