0Pricing
Android Academy · Leçon

Qu'est-ce que Jetpack Compose ?

Découvrez l'interface utilisateur déclarative sous Android.

Qu'est-ce que Jetpack Compose ? est une leçon Android Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Android Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Android Academy comprend 4 leçons au total.

Qu’est-ce que Jetpack Compose ?

Jetpack Compose est la boîte à outils moderne d’Android pour créer des interfaces natives. Au lieu d’écrire des fichiers de mise en page XML, vous décrivez directement votre interface dans du code Kotlin.

Compose est déclaratif : vous lui indiquez à quoi l’écran doit ressembler pour un état donné, et il détermine comment l’afficher et le mettre à jour.

L’ancienne méthode : les vues XML

Traditionnellement, un écran Android nécessitait deux éléments :

  • Un fichier de mise en page XML décrivant les composants.
  • Du code Kotlin/Java qui retrouve ces vues avec findViewById et les modifie.

Garder le XML et le code synchronisés était fastidieux et source d’erreurs.

<!-- res/layout/activity_main.xml -->
<TextView
    android:id="@+id/greeting"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

Impératif ou déclaratif

Avec les vues XML, vous écrivez du code impératif : vous récupérez une vue, puis vous la modifiez étape par étape.

Avec Compose, vous écrivez du code déclaratif : vous décrivez le résultat final en fonction de vos données. Lorsque les données changent, Compose redessine automatiquement ce qui est nécessaire.

// Imperative (old views)
val tv = findViewById<TextView>(R.id.greeting)
tv.text = "Hello"
tv.visibility = View.VISIBLE

Fonctions composables

L’élément de base de Compose est la fonction composable : une fonction Kotlin normale annotée avec @Composable qui produit une interface.

Les composables peuvent appeler d’autres composables, ce qui vous permet de créer des écrans à partir de petits éléments réutilisables.

@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}

Sans findViewById

Dans Compose, il n’y a ni findViewById ni identifiants de vues. L’interface est l’appel de fonction. Pour afficher un texte différent, il vous suffit de transmettre un argument différent et de laisser Compose recomposer l’interface.

@Composable
fun Screen() {
    Greeting(name = "Ada")
    Greeting(name = "Linus")
}

L’interface en fonction de l’état

Une idée fondamentale : UI = f(state). L’écran est le résultat de vos composables appliqués à l’état actuel. Modifiez l’état, et la même fonction produit une nouvelle interface.

Les interfaces deviennent ainsi prévisibles et plus faciles à comprendre.

Tout est Kotlin

Comme les composables sont des fonctions Kotlin, vous pouvez utiliser des boucles, des conditions et des variables pour créer l’interface. Aucun langage de modèles spécial n’est nécessaire.

@Composable
fun Items(names: List<String>) {
    for (n in names) {
        Text(text = n)
    }
}

Moins de code répétitif

Compose supprime une grande quantité de code de liaison. Il n’y a ni inflation XML, ni adaptateurs pour les listes simples, ni câblage manuel entre la mise en page et la logique.

Résultat : moins de fichiers et moins de bogues.

Interopérabilité avec les vues

Vous n’avez pas besoin de réécrire toute une application. Compose interopère avec l’ancien système de vues. Vous pouvez intégrer Compose dans un écran XML existant ou intégrer une vue dans Compose.

Les équipes peuvent ainsi migrer progressivement.

Ce dont vous avez besoin

Pour utiliser Compose, vous avez besoin des éléments suivants :

  • Une version récente d’Android Studio.
  • Les dépendances Compose dans votre fichier Gradle.
  • Une activité qui appelle setContent { } pour héberger les composables.

Un petit écran

Voici un écran Compose minimal complet. setContent fait le lien entre l’Activity Android et l’univers Compose.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Greeting(name = "World")
        }
    }
}

Vérification rapide

Quelle description correspond le mieux à Jetpack Compose ?

Récapitulatif

Vous avez appris que Jetpack Compose est une boîte à outils d’interface déclarative basée sur Kotlin. Idées essentielles :

  • L’interface est créée à partir de fonctions @Composable.
  • Pas de XML ni de findViewById.
  • UI = f(state) — lorsque l’état change, Compose redessine l’interface.

Questions Fréquemment Posées

La leçon « Qu'est-ce que Jetpack Compose ? » est-elle gratuite ?

Oui — le texte complet de « Qu'est-ce que Jetpack Compose ? » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Android Academy, passe à CoddyKit PRO. Le cours Android Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Qu'est-ce que Jetpack Compose ? » ?

Découvrez l'interface utilisateur déclarative sous Android. Tu pratiques Android Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Android Academy ?

Aucune expérience préalable n'est requise. Android Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.

Combien de temps prend la leçon « Qu'est-ce que Jetpack Compose ? » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Android Academy ?

Oui. Chaque leçon Android Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Qu'est-ce que Jetpack Compose ?
  2. Votre premier composable
  3. Texte, image et bouton
  4. Prévisualisations et rechargement à chaud
← Retour à Android Academy