---
title: "Comment créer une fenêtre contextuelle dans une application"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Découvrez comment créer et configurer des fenêtres contextuelles dans les applications mobiles grâce à MobileTogether. Améliorez l'expérience utilisateur grâce à des boîtes de dialogue modales pour les messages et les saisies.
---
Status: #blog

Tags:  #app-development #cross-platform-mobile-development #mobiletogether

Categories: [mobile-development](/blog/fr/category/mobile-development.md) | [development](/blog/fr/category/development.md) | [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md)
# Comment créer une fenêtre contextuelle dans une application

Pendant [Développement d'applications mobiles](https://www.altova.com/fr/mobiletogether/) Il arrive souvent qu'un développeur souhaite permettre à l'utilisateur d'effectuer rapidement une action, ou qu'il souhaite afficher un message au-dessus de l'interface actuelle de l'application, ce qu'on appelle communément une fenêtre contextuelle. Ces éléments sont utiles pour permettre à l'utilisateur final de mener à bien une opération ou de consulter un message sans interrompre son utilisation de l'application.

MobileTogether facilite la configuration de fenêtres contextuelles de toutes tailles. Voyons maintenant comment cela fonctionne.

![Utilisateur interagissant avec l'application](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## Définir une fenêtre contextuelle

Les fenêtres contextuelles dans les applications sont idéales pour afficher un message bref ou permettre à l'utilisateur de saisir des informations, sans pour autant occuper tout l'écran de l'appareil. Une fois la tâche effectuée, l'utilisateur est ramené à l'endroit où il se trouvait dans son flux de travail initial, afin de pouvoir continuer à travailler dans l'application.

Les fenêtres contextuelles, également appelées fenêtres modales, bloquent temporairement l'interaction avec l'interface principale de l'application. Elles sont, par exemple, particulièrement adaptées pour afficher un message de notification ou tout élément susceptible d'interrompre le fonctionnement normal d'une application.

Dans [MobileTogether](https://www.altova.com/fr/mobiletogether), les développeurs d'applications peuvent définir n'importe quelle sous-page comme une fenêtre contextuelle grâce à l'action _Aller à la sous-page_ dans la boîte de dialogue des actions.

Pour afficher la sous-page sous forme de boîte de dialogue modale, cochez simplement la case à côté de "_Afficher la sous-page sous forme de boîte de dialogue modale_" et indiquez la hauteur et la largeur souhaitées pour votre fenêtre contextuelle. Dans cet exemple, j'ai configuré la fenêtre contextuelle pour qu'elle occupe 75 % de la largeur de l'écran et une hauteur de 65 %. L'utilisation de pourcentages garantit que la fenêtre modale s'affichera correctement sur n'importe quel appareil iOS, Android ou Windows.

 

![Définition de la fenêtre contextuelle de l'application](/blog/images/app-pop-up.png)

 

Vous pouvez également définir des valeurs distinctes pour le mode portrait et le mode paysage, si vous le souhaitez.

Il est facile de tester votre fenêtre contextuelle grâce au simulateur intégré à MobileTogether Designer, qui vous permet de tester sur tous les systèmes d'exploitation et formats.

 

![Simulez l'application sur n'importe quel appareil](/blog/images/simulate-app.png)

 

Vous pouvez même le tester directement sur votre propre appareil, depuis l'interface de conception, en cliquant sur le bouton _Test sur le client_ situé dans la barre d'outils.

Voici à quoi ressemble la fenêtre contextuelle que j'ai définie précédemment sur mon téléphone :

 

![Fenêtre contextuelle sur le téléphone](/blog/images/pop-up-phone.png)

 

Découvrez à quel point il est facile de définir des fenêtres pop-up et de nombreuses autres fonctionnalités [Fonctionnalités avancées de l'application](https://www.altova.com/fr/mobiletogether/features) par [développement d'une application](https://www.altova.com/fr/mobiletogether/download) dans le logiciel MobileTogether Designer, qui est gratuit.