0Pricing
Android Academy · Leçon

Texte, image et bouton

Utilisez les composables intégrés essentiels.

Texte, image et bouton est une leçon Android Academy gratuite sur CoddyKit. Ceci est la leçon 3 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.

Composables intégrés

Compose fournit des composables prêts à l’emploi pour les interfaces courantes. Vous utiliserez constamment les trois suivants : Text, Image et Button.

Le composable Text

Text affiche une chaîne de caractères. Son paramètre le plus important est text.

@Composable
fun Title() {
    Text(text = "My App")
}

Mettre le texte en forme

Text accepte de nombreux paramètres de mise en forme, comme fontSize, color et fontWeight.

Text(
    text = "Big Bold",
    fontSize = 24.sp,
    color = Color.Blue,
    fontWeight = FontWeight.Bold
)

sp ou dp

Les tailles de police utilisent .sp (pixels indépendants de l’échelle) afin de respecter le réglage d’accessibilité de la taille de police de l’utilisateur. Les dimensions de mise en page utilisent .dp (pixels indépendants de la densité).

Utilisez sp pour le texte et dp pour tout le reste.

Le composable Image

Image affiche une image. Utilisez painterResource pour charger un élément graphique et fournissez toujours contentDescription pour l’accessibilité.

Image(
    painter = painterResource(id = R.drawable.logo),
    contentDescription = "App logo"
)

contentDescription

contentDescription est lu à voix haute par les lecteurs d’écran. Pour les images décoratives qui ne portent aucune signification, transmettez null. Pour les images importantes, fournissez une brève description.

Le composable Button

Button est un élément cliquable. Son paramètre principal est onClick, une lambda exécutée lors de l’appui. Le libellé du bouton se place dans sa lambda de contenu — généralement un Text.

Button(onClick = { /* do something */ }) {
    Text(text = "Tap me")
}

Réagir aux clics

La lambda onClick est l’endroit où placer votre logique : mettre à jour l’état, naviguer ou appeler une fonction.

Button(onClick = { println("Clicked!") }) {
    Text(text = "Log")
}

Lambdas de contenu

Remarquez que Button accepte une lambda de contenu finale. Tout ce que vous placez à l’intérieur est affiché comme contenu du bouton, qui peut donc contenir une icône et du texte, et pas seulement un libellé.

Button(onClick = { }) {
    Text(text = "Save")
}

Les combiner

Les interfaces réelles combinent ces composables. Ici, un titre, une image et un bouton sont empilés dans une Column.

@Composable
fun Card() {
    Column {
        Text(text = "Profile")
        Image(
            painter = painterResource(id = R.drawable.avatar),
            contentDescription = "Avatar"
        )
        Button(onClick = { }) { Text("Follow") }
    }
}

Et bien d’autres

En plus de ces trois composables, Compose propose TextField, Icon, Checkbox, Switch et bien d’autres. Le même principe s’applique : transmettez des paramètres et des lambdas de contenu.

Vérification rapide

Quel paramètre de Button exécute votre code lorsque l’utilisateur appuie dessus ?

Récapitulatif

Vous avez découvert trois fonctions composables essentielles :

  • Text — affiche des chaînes de caractères ; utilisez fontSize et color pour les mettre en forme (avec sp).
  • Image — avec painterResource et contentDescription.
  • Button — une lambda onClick ainsi qu’une lambda de contenu.

Questions Fréquemment Posées

La leçon « Texte, image et bouton » est-elle gratuite ?

Oui — le texte complet de « Texte, image et bouton » 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 « Texte, image et bouton » ?

Utilisez les composables intégrés essentiels. 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 3 sur 4.

Combien de temps prend la leçon « Texte, image et bouton » ?

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