Wie man einen QR-Code-Scanner in WPF baut

Voraussetzungen

1. Visual Studio 2022 mit installiertem .NET-Desktop-Entwicklung-Arbeitslast
2. Ein WPF-Projekt for .NET 8 oder neuer

IronQR installieren

Installieren Sie die IronQR-Bibliothek mithilfe der NuGet-Paket-Manager-Konsole in Visual Studio. Navigieren Sie zu Tools > NuGet-Paketmanager > Paketmanager-Konsole und führen Sie aus:

Install-Package IronQR

Alternativ können Sie auf NuGet nach IronQR suchen und die neueste Version installieren.

WPF-Fenster-Layout

Die Benutzeroberfläche des Scanners verwendet ein Button, um den Dateidialog zu öffnen, und ein TextBlock, um das decodierte Ergebnis anzuzeigen. Fügen Sie den folgenden Markup-Code zu MainWindow.xaml hinzu:

<StackPanel Margin="28" VerticalAlignment="Center">

    <TextBlock Text="WPF QR Code Scanner" FontSize="20" FontWeight="Bold" Margin="0,0,0,16"/>

    <Button x:Name="ScanButton"
            Content="Select Image and Scan QR Code"
            Click="OnScanButtonClicked"
            Padding="12,8"
            Margin="0,0,0,16"
            HorizontalAlignment="Left"/>

    <TextBlock x:Name="ResultLabel"
               Text="Select an image to scan."
               TextWrapping="Wrap"
               FontSize="14"/>

</StackPanel>

<StackPanel Margin="28" VerticalAlignment="Center">

    <TextBlock Text="WPF QR Code Scanner" FontSize="20" FontWeight="Bold" Margin="0,0,0,16"/>

    <Button x:Name="ScanButton"
            Content="Select Image and Scan QR Code"
            Click="OnScanButtonClicked"
            Padding="12,8"
            Margin="0,0,0,16"
            HorizontalAlignment="Left"/>

    <TextBlock x:Name="ResultLabel"
               Text="Select an image to scan."
               TextWrapping="Wrap"
               FontSize="14"/>

</StackPanel>

Beispielformat

Verwenden Sie den untenstehenden QR-Code als Testbild. Speichern Sie es auf Ihrem Gerät, wählen Sie es über den Dateidialog aus und klicken Sie auf Bild auswählen und QR-Code scannen. Der dekodierte Wert sollte als https://ironsoftware.com angezeigt werden.

Beispiel-QR-Code — kodiert https://ironsoftware.com

QR-Code-Scannen mit IronQR

Wenn die Schaltfläche angeklickt wird, öffnet OnScanButtonClicked einen Dateidialog zur Auswahl eines Bildes. Die ausgewählte Datei wird in AnyBitmap geladen, an QrReader.Read übergeben und der erste dekodierte Wert wird in ResultLabel geschrieben.

Fügen Sie die folgende OnScanButtonClicked-Methode zu MainWindow.xaml.cs hinzu:

:path=/static-assets/qr/content-code-examples/get-started/wpf-qr-code-scanner.cs

using IronQr;
using IronSoftware.Drawing;
using Microsoft.Win32;
using System.Windows;

private void OnScanButtonClicked(object sender, RoutedEventArgs e)
{
    // Open a file dialog to select a QR code image
    var dialog = new OpenFileDialog
    {
        Title = "Select a QR code image",
        Filter = "Image Files|*.png;*.jpg;*.jpeg;*.bmp;*.gif;*.tiff"
    };

    if (dialog.ShowDialog() != true) return;

    var imageSource = dialog.FileName;

    // Load the image into IronQR
    var inputBmp = AnyBitmap.FromFile(imageSource);

    // Load the asset into QrImageInput
    QrImageInput imageInput = new QrImageInput(inputBmp);

    // Create a QR Reader object
    QrReader reader = new QrReader();

    // Read the input and get all embedded QR Codes
    IEnumerable<QrResult> results = reader.Read(imageInput);

    // Display the first result
    var firstResult = results.FirstOrDefault();
    ResultLabel.Text = firstResult != null
        ? "Scanned Text: " + firstResult.Value
        : "No QR code found in the selected image.";
}

Imports IronQr
Imports IronSoftware.Drawing
Imports Microsoft.Win32
Imports System.Windows

Private Sub OnScanButtonClicked(sender As Object, e As RoutedEventArgs)
    ' Open a file dialog to select a QR code image
    Dim dialog As New OpenFileDialog With {
        .Title = "Select a QR code image",
        .Filter = "Image Files|*.png;*.jpg;*.jpeg;*.bmp;*.gif;*.tiff"
    }

    If dialog.ShowDialog() <> True Then Return

    Dim imageSource As String = dialog.FileName

    ' Load the image into IronQR
    Dim inputBmp As AnyBitmap = AnyBitmap.FromFile(imageSource)

    ' Load the asset into QrImageInput
    Dim imageInput As New QrImageInput(inputBmp)

    ' Create a QR Reader object
    Dim reader As New QrReader()

    ' Read the input and get all embedded QR Codes
    Dim results As IEnumerable(Of QrResult) = reader.Read(imageInput)

    ' Display the first result
    Dim firstResult As QrResult = results.FirstOrDefault()
    ResultLabel.Text = If(firstResult IsNot Nothing, "Scanned Text: " & firstResult.Value, "No QR code found in the selected image.")
End Sub

OpenFileDialog bietet eine native Windows-Dateiauswahl, die auf gängige Bildformate gefiltert ist. AnyBitmap.FromFile übernimmt die Formatdecodierung für PNG-, JPEG-, BMP-, GIF- und TIFF-Eingaben, während QrReader.Read ein IEnumerable<QrResult> zurückgibt, das einen Eintrag pro erkanntem QR-Code enthält. FirstOrDefault gibt sicher null zurück, wenn kein QR-Code gefunden wird, wodurch Ausnahmen bei Bildern ohne gültigen Code vermieden werden.

Ausgabe

Nach Auswahl eines QR-Code-Bildes und Anklicken der Scan-Schaltfläche erscheint der decodierte Wert im Feld TextBlock unterhalb der Schaltfläche.

Dekodierter QR-Code-Wert im WPF-Fenster angezeigt

Downloaden Sie das Projekt

Klicken Sie hier, um das komplette WpfQrScanner-Projekt herunterzuladen.

Abschluss

IronQR lässt sich mit minimalem Aufwand in eine WPF-Anwendung integrieren – ein einziger Aufruf von QrReader.Read übernimmt die gesamte Dekodierungspipeline auf dem Desktop. Um mehrere QR-Codes aus einem einzigen Bild zu scannen, durchlaufen Sie die gesamte Ergebnissammlung, anstatt FirstOrDefault aufzurufen.

Dieses Muster erstreckt sich auch auf Batch-Verarbeitung, indem durch ein Verzeichnis von Bilddateien iteriert wird, oder auf Echtzeit-Scannen durch das Aufnehmen von Frames von einem Webcam-Feed mit einem WPF-Medienelement.

Für mehr Informationen zum Lesen von QR-Codes und den verfügbaren Scanmodi, siehe die Lesen von QR-Codes aus Bild und Lesen von QR-Codes mit Scanmodi Anleitungen.