Créer une application canevas avec le contrôle Lecteur de codes-barres

Article
01/06/2024

Le contrôle Lecteur de codes-barres dans Power Apps vous permet d’utiliser votre téléphone ou votre appareil mobile pour scanner les codes-barres de divers formats.

Certaines des utilisations courantes du contrôle Lecteur de codes-barres dans une application canevas sont :

Une application pour enregistrer des éléments comme des livres dans une collection
Une application de gestion des stocks qui utilise un code-barres pour identifier les articles
Une application pour les employés pour s’enregistrer et scanner des badges pour la sécurité

Dans cet article, nous allons créer une application canevas avec Lecteur de codes-barres et afficher les éléments numérisés dans une galerie.

Regardez cette vidéo pour apprendre à créer une application avec Lecteur de codes-barres :

Conditions préalables

Licence Power Apps
Avant de créer une application à partir de zéro, familiarisez-vous avec les notions de base Power Apps en générant une application, puis en personnalisant les contrôles, la galerie, les formulaires et les cartes de cette application.
Pour créer une application, le rôle de sécurité Créateur d’environnement doit vous être attribué.

Ouvrir une application vide

Créez une application canevas vide.

Ajouter un scanneur de codes-barres

Dans le volet gauche, sélectionnez Screen1.
Dans le volet de gauche, sélectionnez + Insérer > développez Médias > sélectionnez le contrôle Lecteur de codes-barres.
Dans la liste des propriétés sur le côté droit de l’écran, sélectionnez l’onglet Avancé, puis la propriété OnScan.
Définissez la propriété OnScan du contrôle Scanneur de codes-barres sur cette expression en la tapant ou en la collant dans la barre de formule.
```
Collect(
    colScannedItems,
    {ScannedItem: First(BarcodeReader1.Barcodes).Value, ScannedTime: Now()}
)
```
Dans le volet Propriétés, définissez la propriété X sur "180" et la propriété Y sur "1005".

Ajouter une galerie

Sélectionnez + Insérer > développez Disposition > sélectionnez le contrôle Galerie verticale.

.
Dans le volet des propriétés, sélectionnez la mise en page de la galerie comme Titre et sous-titre.
Sélectionnez le contrôle Galerie sur le canevas.
Définissez la propriété Items du contrôle Galerie sur cette expression en la tapant ou en la collant dans la barre de formule.
```
colScannedItems
```
Dans le volet de navigation à gauche, développez Gallery1, puis sélectionnez Title2.
Définissez la propriété Texte de Title2 sur l’expression suivante.
```
ThisItem.ScannedItem
```
Sélectionnez l’étiquette Subtitle2 et définissez la propriété Texte pour cette expression.
```
ThisItem.ScannedTime
```

Tester l’application

Pour tester l’application, sélectionnez Screen1, puis appuyez sur la touche F5 du clavier.
Après le test, enregistrez et publiez l’application.
Téléchargez Power Apps Mobile sur votre téléphone.
Ouvrez l’application Power Apps et connectez-vous.
Sélectionnez et ouvrez l’application Lecteur de codes-barres.
Sélectionnez Analyser et analysez n’importe quelle Étiquette de code-barres (par exemple, une Étiquette de code-barres sur un livre).