Chapitre 4 sur les Boutons
10 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quel est le titre du chapitre 4 ?

Boutons

Quel est le nom du premier type de bouton présenté ?

FlatButton

Quelles sont les propriétés du FlatButton ?

  • splashColor (correct)
  • color (correct)
  • highlightColor (correct)
  • onPressed (correct)
  • disabledColor (correct)
  • textColor (correct)

Quelle est la fonction de la propriété onPressed ?

<p>Exécuter une fonction lorsque le bouton est pressé.</p> Signup and view all the answers

Quel est le nom du deuxième type de bouton présenté ?

<p>RaisedButton</p> Signup and view all the answers

Quelles sont les propriétés spécifiques du RaisedButton ?

<p>disabledTextColor (A), disabledColor (B)</p> Signup and view all the answers

Quel est l'effet visuel apporté par la propriété elevation ?

<p>Un effet d'ombre.</p> Signup and view all the answers

Quelles sont les caractéristiques du FloatingActionButton ?

<p>Il flotte au-dessus du contenu. (A), Il peut être étendu pour inclure un label. (B), Il a une forme ronde. (C), Il est souvent utilisé pour les actions principales. (D)</p> Signup and view all the answers

Le ButtonBar peut inclure des RaisedButton et des FlatButton.

<p>True (A)</p> Signup and view all the answers

Le DropdownButton permet de sélectionner une valeur parmi une liste d'options.

<p>True (A)</p> Signup and view all the answers

Flashcards

FlatButton

Un type de bouton plat qui n'a pas de bordure surélevée ni d'ombre. Il affiche un texte ou une icône.

FlatButton.icon

Lorsque l'attribut 'icon' est utilisé avec FlatButton, une icône est affichée à côté du texte du bouton.

RaisedButton

Un type de bouton qui a une bordure surélevée et une ombre. Il affiche un texte ou une icône. Il est plus proéminent que FlatButton.

RaisedButton.icon

Lorsque l'attribut 'icon' est utilisé avec RaisedButton, une icône est affichée à côté du texte du bouton.

Signup and view all the flashcards

FloatingActionButton

Un type de bouton flottant qui est généralement utilisé pour les actions principales. Il est circulaire et affiche une icône.

Signup and view all the flashcards

FloatingActionButton.extended

Un type de FloatingActionButton qui affiche un texte en plus de l'icône. Il se trouve généralement au bas de l'écran.

Signup and view all the flashcards

ButtonBar

Un groupe de boutons qui sont affichés horizontalement. Il est utilisé pour regrouper des actions similaires.

Signup and view all the flashcards

DropdownButton

Un type de bouton qui permet à l'utilisateur de sélectionner une valeur parmi plusieurs options. Il affiche une liste déroulante lorsque l'utilisateur clique dessus.

Signup and view all the flashcards

Study Notes

Chapitre 4 : Boutons Flutter

  • Boutons plats (FlatButton): Composant de base pour créer des boutons dans Flutter.
  • Syntaxe (Exemple): Le code montre comment créer un bouton plat avec un texte, une couleur et une action à exécuter lors du clic.
  • Propriétés clés:
    • child: Texte ou widget affiché sur le bouton.
    • onPressed: Fonction à exécuter lorsque l'utilisateur clique sur le bouton.
    • splashColor: Couleur de l'effet d'impact lors du clic.
    • color: Couleur de fond du bouton.
    • textColor: Couleur du texte du bouton.
    • disabledColor: Couleur du bouton lorsqu'il est désactivé.
    • highlightColor: Couleur mise en surbrillance à l'activation de la souris.
  • Exemple de code: Le code fournit un exemple concret du bouton plat et de ses propriétés.

Boutons avec icône (FlatButton.icon)

  • Syntaxe (Exemple): Ce type de bouton associe un texte à une icône.
  • Propriétés clés:
    • icon: Widget icône à afficher sur le bouton.
    • label: Texte à afficher sur le bouton.

Boutons surélevés (RaisedButton) et avec icône (RaisedButton.icon)

  • Syntaxe (Exemple): Ces boutons ont une apparence 3D, une ombre lorsqu'ils sont pressés.
  • Propriétés clés:
    • color: Couleur de fond du bouton.
    • textColor: Couleur du texte.
    • splashColor: Couleur d'impact lors du clic.
    • disabledColor: et disabledTextColor : Couleurs pour l'état désactivé

Boutons flottants (FloatingActionButton)

  • Syntaxe (Exemple): Ces boutons flottants sont souvent utilisés pour des actions rapides.
  • Propriétés clés:
    • child: Un widget, souvent une icône.
    • onPressed: Action à réaliser lors du clic.
    • shape et borderRadius: pour personnaliser l'apparence du bouton.
    • elevation: Pour plus de profondeur visuelle au bouton.
  • Boutons flottants étendus (FloatingActionButton.extended): Une variante avec un label et une icone.

Barre de Boutons (ButtonBar)

  • Syntaxe (Exemple): Permet de grouper plusieurs boutons dans une barre.
  • Propriétés clés:
    • children: Liste de boutons à inclure dans la barre.
  • Syntaxe (Exemple): Affiche une liste de choix.
  • Propriétés clés:
    • items: Liste d'éléments à afficher dans le menu déroulant.
    • onChanged : Fonction à exécuter lorsque l'utilisateur sélectionne une option.
    • value: L'item actuellement sélectionné.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Flutter Buttons PDF

Description

Testez vos connaissances sur le chapitre 4 qui aborde les différents types de boutons en programmation. Ce quiz couvre les éléments essentiels tels que le premier type de bouton présenté et les propriétés spécifiques du FlatButton. Parfait pour les étudiants en développement logiciel qui souhaitent renforcer leur compréhension des bases.

More Like This

Flutter Chapitre 4 : Boutons
12 questions

Flutter Chapitre 4 : Boutons

PeacefulDogwood1310 avatar
PeacefulDogwood1310
Use Quizgecko on...
Browser
Open
Browser
Browser