Développer une interface utilisateur avec une image réactive

Implémentez une image externe dans votre projet et rendez l’image réactive en fonction de la taille de la fenêtre.
Exemple d’application
Dans cet exemple, le logo
Rockwell Automation
 s’étend sur les bords de la fenêtre d’application à mesure du redimensionnement.
NOTE:
Télécharger un exemple de projet :
ResponsiveExternalImage.zip
Conditions préalables
  1. Pour développer le projet
  2. Dans
    Vue de projet
    , double-cliquez sur
    MainWindow (type)
    .
    L’éditeur s’ouvre dans une fenêtre séparée.
  3. Faites glisser le logo téléchargé depuis votre ordinateur vers l’éditeur.
    Dans
    Vue de projet
    , un objet
    Image1
     apparaît sous
    MainWindow (type)
    .
  4. Dans
    Propriétés
    , définissez
    Alignement horizontal
     et
    Alignement vertical
     sur
    Étirer
     :
  5. Réorganisez les éléments de l’interface.
  6. Enregistrez le projet.
Sélectionnez
Exécuter
 pour exécuter le projet à l’aide de l’émulateur client et tester votre projet. Pour exécuter le projet sur un client distant, consultez la rubrique Ajouter un dispositif client.
Fournir une réponse
Vous avez des questions ou des commentaires sur cette documentation ? Veuillez envoyer vos commentaires ici.