apps
2023.10
false
Important :
Veuillez noter que ce contenu a été localisé en partie à l’aide de la traduction automatique. La localisation du contenu nouvellement publié peut prendre 1 à 2 semaines avant d’être disponible.
UiPath logo, featuring letters U and I in white
LEGACY

Guide de l’utilisateur des applications héritées pour Automation Suite

Automation CloudAutomation Cloud Public SectorAutomation Suite
Dernière mise à jour 11 nov. 2024

Créer une application compatible avec les appareils mobiles

Vue d'ensemble (Overview)

Vous pouvez utiliser UiPath Apps pour créer des applications adaptées aux mobiles. La même application peut être utilisée sans problème sur des appareils dotés de tailles d’écran différentes, tels que des téléphones portables, des tablettes ou des ordinateurs.

Pour le démontrer, suivez les étapes de la section Tutoriel.

Vous pouvez également trouver un exemple de fichier d’application avec d’autres exemples à la fin de cette page.

Tutoriel

Utilisez cet exemple pour créer une application qui contient trois champs et un bouton d'envoi. Cette application se comporte différemment selon la taille de l'écran.

  1. Créer une nouvelle application
  2. Ajoutez une commande Bouton (Button) à votre application.

    2.1 Définissez la Mise en page du conteneur sur Horizontal (Horizontal).

    2.2 Vérifiez la propriété Autoriser l' emballage (Allow wrapping ) du conteneur.

    2.3 Configurez la taille Largeur du conteneur sur 100 % .


  3. Ajoutez un contrôle Textbox dans le conteneur.

    3.1 Ajoutez Name dans la propriété Libellé (Label).

    3.2 Remplacez Label Placement par Top dans l’onglet Style (Style).

  4. Ajoutez un deuxième contrôle Textbox après le premier.

    4.1 Ajoutez Age dans la propriété Libellé (Label).

    4.2 Remplacez Label Placement par Top dans l’onglet Style (Style).

  5. Ajoutez un troisième contrôle Textbox après le second.

    4.1 Ajoutez Address dans la propriété Libellé (Label).

    4.2 Remplacez Label Placement par Top dans l’onglet Style (Style).

  6. Ajoutez un deuxième conteneur sous le premier avec les mêmes propriétés de style .
  7. Ajoutez un contrôle Button dans le deuxième conteneur.



Résultat et test

Vous pouvez maintenant prévisualiser et tester votre application.

Pour tester votre application à l'aide du navigateur Google Chrome , procédez comme suit :

  1. Cliquez avec le bouton droit n'importe où sur la page.
  2. Sélectionnez Inspecter (Inspect) dans le menu.
  3. Dans le menu de droite, cliquez sur Activer/Désactiver la barre d'outils de l'appareil.
  4. Choisissez les dimensions souhaitées dans la liste déroulante en haut de la page pour tester votre application.



    Conseil : dans le cas de la commande Mise en page du conteneur (Conteneur), les conteneurs à l'intérieur sont automatiquement adaptés aux appareils mobiles. Si les contrôles à l'intérieur des conteneurs doivent également être réactifs, utilisez la propriété Autoriser l'emballage ( Allow wrapping ).

Pour plus d’exemples, vous pouvez télécharger l’exemple de fichier d’application ci-dessous.

  • Vue d'ensemble (Overview)
  • Tutoriel
  • Résultat et test

Cette page vous a-t-elle été utile ?

Obtenez l'aide dont vous avez besoin
Formation RPA - Cours d'automatisation
Forum de la communauté UiPath
Uipath Logo White
Confiance et sécurité
© 2005-2024 UiPath Tous droits réservés.