Eine Canvas App mit dem Barcodeleser-Steuerelement erstellen

Mit dem Barcodeleser-Steuerelement in Power Apps können Sie Ihr Telefon oder mobiles Gerät verwenden, um Barcodes in verschiedenen Formaten zu scannen.

Einige der allgemeinen Verwendungszwecke des Barcodeleser-Steuerelements in einer Canvas App sind:

• Eine App zum Einchecken von Elementen wie Büchern in eine Sammlung
• Eine App zur Bestandsverwaltung, die Barcodes verwendet, um Elemente zu identifizieren
• Eine App für Mitarbeiter zum Einchecken und Scannen von Ausweisen für die Sicherheit

In diesem Artikel erstellen wir eine Canvas App mit Barcodeleser und zeigen gescannte Artikel in einem Katalog an.

Sehen Sie sich dieses Video an, um zu erfahren, wie Sie eine App mit Barcodeleser erstellen:

Anforderungen

• Power Apps-Lizenz
• Bevor Sie eine App von Grund auf erstellen, machen Sie sich mit den Power Apps-Grundlagen vertraut, indem Sie eine App erstellen und dann die Steuerelemente, Katalog, Formulare und Karten dieser App anpassen.
• Um eine App erstellen zu können, müssen Sie der Sicherheitsrolle Umgebungsersteller zugewiesen sein.

Öffnen einer leeren App

Erstellen einer Canvas-App ohne Vorlage.

Barcode-Scanner hinzufügen

1. Wählen Sie im linken Fensterbereich Screen1.

2. Wählen Sie im linken Fensterbereich + Einfügen > Medien erweitern > Steuerelement Barcodeleser auswählen.

   

3. Wählen Sie in der Eigenschaftsliste auf der rechten Seite des Bildschirms die Registerkarte Erweitert und wählen Sie dann die Eigenschaft OnScan.

   

4. Legen Sie die Eigenschaft OnScan des Steuerelements Barcodescanner auf diesen Ausdruck fest, indem Sie ihn in der Symbolleiste eingeben oder einfügen.

   Collect(
       colScannedItems,
       {ScannedItem: First(BarcodeReader1.Barcodes).Value, ScannedTime: Now()}
   )
   

5. Legen Sie im Bereich Eigenschaften die X Eigenschaft auf „180“ und die Y Eigenschaft auf „1005“ fest.

   

Galerie hinzufügen

1. Wählen Sie + Einfügen > erweitern Sie Layout > wählen Sie das Steuerelement Vertikale Galerie.

   

2. Wählen Sie im Eigenschaftenbereich das Layout für den Katalog als Titel und Untertitel.

   

3. Wählen Sie das Steuerelement für die Galerie auf Canvas.

4. Legen Sie die Eigenschaft Items des Steuerelements für die Galerie auf diesen Ausdruck fest, indem Sie ihn in der Formelleiste eingeben oder einfügen.

   colScannedItems
   

   

5. Erweitern Sie im linken Fensterbereich die Galerie1 und wählen Sie Titel2.

   

6. Legen Sie die Eigenschaft Text von Title2 auf den folgenden Ausdruck fest.

   ThisItem.ScannedItem
   

   

7. Markieren Sie das Label Untertitel2 und legen Sie seine Eigenschaft Text auf diesen Ausdruck fest.

   ThisItem.ScannedTime
   

   

Testen Sie die App

1. Um die App zu testen, wählen Sie Screen1 und drücken Sie dann F5 auf der Tastatur.

2. Nach dem Testen sichern und veröffentlichen Sie die App.

3. Laden Sie Power Apps Mobile auf Ihr Handy herunter.

4. Öffnen Sie die Power Apps App, und melden Sie sich an.

5. Wählen Sie die Barcodeleser-App aus und öffnen Sie sie.

   

6. Wählen Sie Scannen und scannen Sie ein beliebiges Barcode Label (z.B. ein Barcode Label auf einem Buch).

Endgültige Ergebnisse

Sie werden sehen, dass die gescannten Barcode-Informationen in der App gespeichert werden.

Siehe auch

Steuerelement für Barcodescanner in Power Apps