.NET MAUI QR Code Taraması

Ön Koşullar

1. Visual Studio 2022 ile .NET MAUI iş yükü yüklenmiş
2. Android veya iOS'u hedefleyen bir .NET MAUI projesi

IronQR Kurulumu

IronQR kütüphanesini Visual Studio'daki NuGet Paket Yöneticisi Konsolu'nu kullanarak yükleyin. Tools > NuGet Package Manager > Package Manager Console adresine gidin ve şunu çalıştırın:

Install-Package IronQR

Alternatif olarak, NuGet'te IronQR'yi arayın ve en son sürümü yükleyin.

Ön Yüz Tasarımı

Tarayıcı arayüzü, görüntü seçmeyi tetikleyen bir düğme, seçilen QR kodunu önizlemek için bir resim görünümü ve çözümlenen sonucu göstermek için bir etiket içerir.

MainPage.xaml içeriğini aşağıdakiyle değiştirin:

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiQrScanner.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Spacing="25"
            Padding="30,0"
            VerticalOptions="Center">

            <Button
                x:Name="scanButton"
                Text="Select QR Code Image"
                SemanticProperties.Hint="Select Image"
                Clicked="OnScanButtonClicked"
                HorizontalOptions="Center" />

            <Image
                x:Name="qrImage"
                SemanticProperties.Description="Selected QR Code"
                HeightRequest="200"
                HorizontalOptions="Center" />

            <Label
                x:Name="resultLabel"
                Text="Scanned Text: "
                HorizontalOptions="Center"
                VerticalOptions="Center" />

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiQrScanner.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Spacing="25"
            Padding="30,0"
            VerticalOptions="Center">

            <Button
                x:Name="scanButton"
                Text="Select QR Code Image"
                SemanticProperties.Hint="Select Image"
                Clicked="OnScanButtonClicked"
                HorizontalOptions="Center" />

            <Image
                x:Name="qrImage"
                SemanticProperties.Description="Selected QR Code"
                HeightRequest="200"
                HorizontalOptions="Center" />

            <Label
                x:Name="resultLabel"
                Text="Scanned Text: "
                HorizontalOptions="Center"
                VerticalOptions="Center" />

        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

Örnek Giriş

Aşağıdaki QR kodunu test görüntüsü olarak kullanın. Cihazınıza kaydedin, ardından uygulamanın dosya seçici üzerinden seçin. Çözülen değer https://ironsoftware.com şeklinde görüntülenmelidir.

Örnek QR kodu — https://ironsoftware.com kodlar

IronQR ile QR Kod Tarama

Tarama düğmesine dokunulduğunda, FilePicker cihazın resim kütüphanesini açar. Kullanıcı bir fotoğraf seçtikten sonra, tam yol AnyBitmap içine yüklenir ve bu da QrReader.Read()'ye aktarılır. İlk tespit edilen QR kodunun çözümlenen değeri sonuç etiketinde gösterilir.

MainPage.xaml.cs'ye aşağıdaki yöntemi ekleyin:

using IronQr;
using IronSoftware.Drawing;

private async void OnScanButtonClicked(object sender, EventArgs e)
{
    // Start scanning QR codes
    var images = await FilePicker.Default.PickAsync(new PickOptions
    {
        PickerTitle = "Pick image",
        FileTypes = FilePickerFileType.Images
    });
    var imageSource = images.FullPath.ToString();

    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
    resultLabel.Text = "Scanned Text: " + results.First().Value;
}

using IronQr;
using IronSoftware.Drawing;

private async void OnScanButtonClicked(object sender, EventArgs e)
{
    // Start scanning QR codes
    var images = await FilePicker.Default.PickAsync(new PickOptions
    {
        PickerTitle = "Pick image",
        FileTypes = FilePickerFileType.Images
    });
    var imageSource = images.FullPath.ToString();

    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
    resultLabel.Text = "Scanned Text: " + results.First().Value;
}

Imports IronQr
Imports IronSoftware.Drawing

Private Async Sub OnScanButtonClicked(sender As Object, e As EventArgs)
    ' Start scanning QR codes
    Dim images = Await FilePicker.Default.PickAsync(New PickOptions With {
        .PickerTitle = "Pick image",
        .FileTypes = FilePickerFileType.Images
    })
    Dim imageSource = images.FullPath.ToString()

    Dim inputBmp = 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
    resultLabel.Text = "Scanned Text: " & results.First().Value
End Sub

FilePicker.Default.PickAsync, MAUI platform soyutlama katmanı tarafından sağlanır ve platforma özgü herhangi bir kod gerektirmeden Android, iOS ve Windows'ta çalışır. AnyBitmap.FromFile görüntü kod çözme işlemini gerçekleştirir ve QrReader.Read, görüntüde bulunan her QR kodu için bir giriş içeren bir IEnumerable<QrResult> döndürür.

Çıktı

Bir QR kodu görüntüsünü seçmek taramayı tetikler. Çözümlenen değer, görüntü ön izlemesinin altında sonuç etiketinde görünür.

Seçilen ve çözümlenen QR kodu sonucu etiketinde gösterilir