Créer une interface utilisateur réactive

Développez une
Application FactoryTalk Optix
 avec plusieurs dispositions ajustées pour des fenêtres d’affichage de différentes tailles.
  1. Créez des types d’écran pour différentes dispositions d’application. Consultez la rubrique Écrans.
    CONSEIL: Commencez par développer trois dispositions pour différents ports d’affichage, tels que petit, moyen et grand. Pour plus d’informations, consultez Tailles d’écran et points d’arrêt pour la conception réactive - Applications Windows | Microsoft Learn.
  2. Créez un NetLogic qui lit la largeur (et la hauteur) de la fenêtre et produit une valeur en fonction des points d’arrêt.
    Par exemple, créez un NetLogic qui lit la largeur de la fenêtre et renvoie une valeur d’énumération
    Petite
    ,
    Moyenne
     ou
    Grande
    .
    Lors de l’exécution, le NetLogic renvoie une valeur lorsque vous redimensionnez la fenêtre et dépassez les valeurs de point d’arrêt.
  3. Créez un chargeur de panneau avec un convertisseur clé-valeur qui traduit les valeurs produites par le NetLogic en liens dynamiques qui ciblent les types d’écran.
    Lors de l’exécution, le chargeur de panneau affiche un type d’écran spécifique en fonction de la largeur de la fenêtre. Lorsque vous redimensionnez la fenêtre et que vous dépassez les valeurs de point d’arrêt, la disposition de l’application change pour s’adapter aux différentes tailles des fenêtres d’affichage.
  4. (facultatif) Pour exécuter une application réactive dans les navigateurs Web pris en charge :
    1. Ajoutez un moteur de présentation Web. Consultez la rubrique Créer un moteur de présentation.
    2. Agrandissez le projet dans la fenêtre du navigateur Web. Dans
      Vue de projet
      , sélectionnez
      MainWindow (type)
       et :
      • Dans
        Propriétés
        , créez un lien dynamique entre
        Plein écran
         et
        Alias
        {Session}
        Session
        Session d’interface utilisateur
        Session Web
        .
        Pour plus d’informations sur les liens dynamiques, consultez Créer des liens dynamiques.
        L'alias
        {Session}/IsWeb
         passe à
        True
         si le projet s’exécute dans un navigateur Web. Pour plus d’informations, consultez Profils d’objet pour différents moteurs de présentation.
        Lors de l’exécution, le moteur de présentation natif affiche une application fenêtre et le moteur de présentation Web affiche un type d’écran spécifique en fonction de la largeur de la fenêtre du navigateur Web.
      • Dans
        Propriétés
        , définissez
        Plein écran
         sur
        True
        .
        Lors de l’exécution, le moteur de présentation natif affiche une application plein écran et le moteur de présentation Web affiche un type d’écran spécifique en fonction de la largeur de la fenêtre du navigateur Web.
    Lorsque vous redimensionnez le navigateur Web et que vous dépassez les valeurs de point d’arrêt, la disposition de l’application change pour s’adapter aux différentes tailles des fenêtres d’affichage.
Fournir une réponse
Vous avez des questions ou des commentaires sur cette documentation ? Veuillez envoyer vos commentaires ici.