Sommaire

Applications intégrant des fenêtres modales Application:intégrant des fenêtres modales

Les applications mobiles peuvent bien sûr intégrer des composants d’affichage de valeurs sous la forme de fenêtres modales. Ce type de fenêtre vient en superposition de la fenêtre principale, sous la forme d’une « pop-up ».

Ces composants sont nombreux et peuvent être de natures très différentes (basique, case à cocher, bouton de confirmation, prompt, bouton radio…).

Sans en faire une étude totalement exhaustive, je vous propose de découvrir la mise en œuvre effective de ces composants au travers d’une série de mini-applications :

  • ionic3-alert_basic (fenêtre modale basique),

  • ionic3-alert_confirm (fenêtre modale avec bouton de confirmation),

  • ionic3-alert_checkbox (fenêtre modale avec cases à cocher),

  • ionic3-alert_prompt (fenêtre modale avec prompt),

  • ionic3-alert_radio (fenêtre modale avec boutons radio).

Dans la mesure où ces exemples présentent des similitudes importantes au niveau de nombreux scripts (config.xml, package.json, src/app/app.components.ts, src/app/app.modules.ts, home.html et home.ts), ceux-ci ne seront commentés que partiellement. Rappelons que ces exemples sont disponibles en accompagnement de ce livre sur le site des Éditions ENI.

Il ne sera pas non plus nécessaire de transférer ces applications sous Android Studio (pour un déploiement ...