.NET MAUI'de QR Kod Nasıl Oluşturulur

.NET MAUI nedir?

.NET MAUI (Çok Platformlu Uygulama Arayüzü), geliştiricilerin tek bir kod tabanı kullanarak birçok platform için yerel kullanıcı arayüzleri oluşturmasına olanak tanıyan Xamarin Forms çerçevesinin bir evrimidir. .NET MAUI ile Android, iOS, macOS, Windows ve daha fazla uygulama oluşturabilir, geliştirme süresini ve çabasını azaltabilirsiniz.

IronBarcode Tanıtımı

IronBarcode .NET uygulamaları için güçlü bir barkod ve QR kodu oluşturma kütüphanesidir. Farklı türde barkodlar oluşturmak için kolay kullanımlı bir API sağlar, QR kodlar dahil, boyut, hata düzeltme ve kodlama seçenekleri gibi özelleştirilebilir ayarlarla.

.NET MAUI Projesini Ayarlama

Başlamak için, Microsoft Visual Studio 2022'de yeni bir .NET MAUI projesi oluşturmamız gerekiyor. Ancak, adımlar farklılık gösterecektir. Visual Studio kullanılmasını tavsiye ederiz. Projeyi oluşturmak için aşağıdaki adımları izleyin.

Visual Studio 2022'yi açın. Aşağıda gösterildiği gibi aşağıdaki ekran görünecektir.

Yeni Proje Oluştur'a tıklayın ve aşağıda gösterildiği gibi MAUI şablonunu aratın.

.NET MAUI Uygulama Şablonunu seçin ve İleri Düğmesine tıklayın. Aşağıdaki pencere belirecek.

Projenizi adlandırın, konumu seçin ve İleri Düğmesine tıklayın; aşağıdaki pencere göründüğü gibi açılacaktır.

.NET Framework seçin. .NET 7 seçtim, ayrıca .NET 6.0'ı da seçebilirsiniz. Proje aşağıda gösterildiği gibi oluşturulacaktır.

Bu öğretici, öncelikle bir .NET MAUI uygulamasının yerel bir Windows makinesine ilk dağıtımına odaklanır. Aynı kod tabanı ile ihtiyaçlarınıza göre Android veya iOS simülatöründe yapılandırabilirsiniz.

Yerel Windows makinenize bir .NET MAUI uygulaması dağıtmak için Visual Studio kullanarak şu adımları takip edebilirsiniz:

1. Hata ayıklama hedefinin "Windows Machine" olarak ayarlandığından emin olun. Değilse, araç çubuğundaki açılır menüden "Windows Machine"i seçin.

2. Uygulamayı Windows makinenizde oluşturmak ve çalıştırmak için "Hata Ayıklamayı Başlat" düğmesine tıklayın veya F5 tuşuna basın.

   

Geliştirici Modu, Windows makinenizde etkinleştirilmemişse, Visual Studio bu modu etkinleştirmenizi isteyecektir. Bunu yapmak için, şu adımları izleyin:

1. Visual Studio tarafından görüntülenen "Windows için Geliştirici Modunu Etkinleştir" iletişim kutusunda, "geliştiriciler için ayarlar" olarak etiketlenmiş bağlantıyı bulun.

   

2. "Geliştiriciler için ayarlar" bağlantısına tıklayın. Bu, Windows makinenizdeki Ayarlar uygulamasını açacaktır.

3. Aşağıda gösterildiği gibi Geliştirici Modu altındaki anahtarı açın.

   

Geliştirici modu açıldığında projeyi çalıştırın. Aşağıdaki pencere görünür:

Bu, projenin oluşturulması sırasında Visual Studio 2022 tarafından otomatik olarak oluşturulan şablon uygulamadır. Şimdi IronBarcode'u kuracağız ve gereksinimimize göre kodu değiştireceğiz.

IronBarcode Kurulumu

IronBarcode'ı yüklemek için, NuGet Paket Yöneticisi Konsolu'nu açın. Visual Studio'da Paket Yöneticisi Konsolunu açmak için şu adımları izleyebilirsiniz:

1. Windows bilgisayarınızda Visual Studio'yu başlatın.
2. Üzerinde çalışmak istediğiniz projeyi açın veya yeni bir proje oluşturun.
3. Visual Studio menüsünde "Araçlar" bölümüne gidin.
4. Açılır menüden "NuGet Package Manager" üzerine tıklayın.
5. Başka bir açılır menü görünecek ve "Package Manager Console" seçeneğini seçmelisiniz.

Paket Yöneticisi Konsolu penceresi açılacak ve size projenizdeki NuGet paketlerini yönetmek için bir komut satırı arayüzü sunacaktır. IronBarcode'u yüklemek için Paket Yöneticisi Konsoluna aşağıdaki komutu yazın.

Install-Package BarCode

Bu, proje için IronBarcode kütüphanesini ekleyecek ve kullanılabilir hale getirecektir.

IronBarcode kullanarak .NET MAUI QR Kod Üretici

Şimdi, kendi QR Kod Üretici mobil uygulamamızı oluşturmak için kodu yazalım. Ekranda oluşturulan QR kodunu göstermek için .NET MAUI yeteneklerinden faydalanacağız. MainPage.xaml dosyasını açın ve aşağıdaki kodla 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="QrCodeGeneratorMAUI.MainPage">

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

            <Label
                Text="Hello!"
                SemanticProperties.HeadingLevel="Level1"
                FontSize="32"
                HorizontalOptions="Center" />

            <Label
                Text="Welcome to QR Code Generator .NET Multi-platform App UI"
                SemanticProperties.HeadingLevel="Level2"
                SemanticProperties.Description="Welcome to QR Code Generator dot Net Multi platform App U I"
                FontSize="18"
                HorizontalOptions="Center" />

            <Entry x:Name="qrCodeText"
                   Placeholder="Enter QR Code"/>

            <Image
                x:Name="qrCodeImage"
                HeightRequest="200"
                HorizontalOptions="Center" />

            <Button
                x:Name="CounterBtn"
                Text="Generate QR Code"
                Clicked="OnButtonClicked"
                HorizontalOptions="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="QrCodeGeneratorMAUI.MainPage">

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

            <Label
                Text="Hello!"
                SemanticProperties.HeadingLevel="Level1"
                FontSize="32"
                HorizontalOptions="Center" />

            <Label
                Text="Welcome to QR Code Generator .NET Multi-platform App UI"
                SemanticProperties.HeadingLevel="Level2"
                SemanticProperties.Description="Welcome to QR Code Generator dot Net Multi platform App U I"
                FontSize="18"
                HorizontalOptions="Center" />

            <Entry x:Name="qrCodeText"
                   Placeholder="Enter QR Code"/>

            <Image
                x:Name="qrCodeImage"
                HeightRequest="200"
                HorizontalOptions="Center" />

            <Button
                x:Name="CounterBtn"
                Text="Generate QR Code"
                Clicked="OnButtonClicked"
                HorizontalOptions="Center" />

        </VerticalStackLayout>
    </ScrollView>
</ContentPage>

Yukarıdaki XAML kodu, QR kodları üreten bir .NET MAUI sayfasını temsil eder. İşte, .NET MAUI bileşenlerinin basit bir açıklaması:

• <Label>: Ekranda metni gösterir. Bu uygulamada, kullanıcıya bilgi ve talimatları sağlamak için bir karşılama mesajı ve bir başlık göstermek için kullanılır.
• <Entry>: Kullanıcı için bir metin giriş alanı sağlar. Bu uygulama, kullanıcının bir QR koduna dönüştürmek istediği içeriği girmesine olanak tanır.
• <Image>: Ekranda bir resim görüntüler. Bu uygulamada, oluştur düğmesine tıkladıktan sonra kullanıcıya oluşturulan QR kodu görüntüsünü göstermek için kullanılır.
• <Button>: Tıklanabilir bir düğmeyi temsil eder. Kullanıcıya tıklanınca bir eylemi tetikleme olanağı sağlar. Bu uygulamada, düğme, kullanıcının <Entry> alanına girdiği içeriğe göre Kare Kod oluşturulmasını başlatmak için kullanılır.

Bu bileşenler birlikte, kullanıcının metin girebileceği, bir düğmeye tıklayabileceği ve ekranda ilgili QR kodunu görebileceği bir arayüz oluşturur.

Şimdi, QR Kodunu oluşturmak için backend kodunu yazalım. MainPage.xaml.cs dosyasını açın ve kod arkasını şu şekilde güncelleyin:

using IronBarCode;

namespace QrCodeGeneratorMAUI
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void OnButtonClicked(object sender, EventArgs e)
        {
            // Get the text from the entry field
            string text = qrCodeText.Text;

            // Generate the QR code using the IronBarcode library
            var qrCode = QRCodeWriter.CreateQrCode(text);

            // Convert the QR code to binary JPEG data
            var qrCodeBytes = qrCode.ToJpegBinaryData();

            // Set the QR code image source to display the generated QR code on the UI
            qrCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
        }
    }
}

using IronBarCode;

namespace QrCodeGeneratorMAUI
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void OnButtonClicked(object sender, EventArgs e)
        {
            // Get the text from the entry field
            string text = qrCodeText.Text;

            // Generate the QR code using the IronBarcode library
            var qrCode = QRCodeWriter.CreateQrCode(text);

            // Convert the QR code to binary JPEG data
            var qrCodeBytes = qrCode.ToJpegBinaryData();

            // Set the QR code image source to display the generated QR code on the UI
            qrCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
        }
    }
}

Imports IronBarCode

Namespace QrCodeGeneratorMAUI
	Partial Public Class MainPage
		Inherits ContentPage

		Public Sub New()
			InitializeComponent()
		End Sub

		Private Sub OnButtonClicked(ByVal sender As Object, ByVal e As EventArgs)
			' Get the text from the entry field
			Dim text As String = qrCodeText.Text

			' Generate the QR code using the IronBarcode library
			Dim qrCode = QRCodeWriter.CreateQrCode(text)

			' Convert the QR code to binary JPEG data
			Dim qrCodeBytes = qrCode.ToJpegBinaryData()

			' Set the QR code image source to display the generated QR code on the UI
			qrCodeImage.Source = ImageSource.FromStream(Function() New MemoryStream(qrCodeBytes))
		End Sub
	End Class
End Namespace

İşte kodun açıklaması.

1. OnButtonClicked yöntemi, bir düğmenin tıklama olayı için bir olay işleyicisidir. Buton tıklandığında, bu yöntem çalıştırılır.
2. OnButtonClicked yöntemi içinde, qrCodeText giriş alanında bulunan metin, metin değişkenine atanır.
3. QRCodeWriter.CreateQrCode(text), girilen metne dayalı olarak bir Kare Kod oluşturmak için kullanılır.
4. qrCode.ToJpegBinaryData(), Kare Kodu binar JPEG verisine dönüştürür.
5. qrCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes)), oluşturulan Kare Kod resmini göstermek için qrCodeImage kontrolünün kaynağını ayarlar.

private void OnButtonClicked(object sender, EventArgs e)
{
    // Get the text from the entry field
    string text = qrCodeText.Text;

    // Generate the QR code using the IronBarcode library
    var qrCode = QRCodeWriter.CreateQrCode(text);

    // Add the text of the QR code value below the generated barcode
    qrCode.AddBarcodeValueTextBelowBarcode();

    // Add an annotation text above the barcode
    qrCode.AddAnnotationTextAboveBarcode("My QR Code Generated by .NET MAUI App");

    // Convert the QR code to binary JPEG data
    var qrCodeBytes = qrCode.ToJpegBinaryData();

    // Set the QR code image source to display the generated QR code on the UI
    qrCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
}

private void OnButtonClicked(object sender, EventArgs e)
{
    // Get the text from the entry field
    string text = qrCodeText.Text;

    // Generate the QR code using the IronBarcode library
    var qrCode = QRCodeWriter.CreateQrCode(text);

    // Add the text of the QR code value below the generated barcode
    qrCode.AddBarcodeValueTextBelowBarcode();

    // Add an annotation text above the barcode
    qrCode.AddAnnotationTextAboveBarcode("My QR Code Generated by .NET MAUI App");

    // Convert the QR code to binary JPEG data
    var qrCodeBytes = qrCode.ToJpegBinaryData();

    // Set the QR code image source to display the generated QR code on the UI
    qrCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
}

Private Sub OnButtonClicked(ByVal sender As Object, ByVal e As EventArgs)
	' Get the text from the entry field
	Dim text As String = qrCodeText.Text

	' Generate the QR code using the IronBarcode library
	Dim qrCode = QRCodeWriter.CreateQrCode(text)

	' Add the text of the QR code value below the generated barcode
	qrCode.AddBarcodeValueTextBelowBarcode()

	' Add an annotation text above the barcode
	qrCode.AddAnnotationTextAboveBarcode("My QR Code Generated by .NET MAUI App")

	' Convert the QR code to binary JPEG data
	Dim qrCodeBytes = qrCode.ToJpegBinaryData()

	' Set the QR code image source to display the generated QR code on the UI
	qrCodeImage.Source = ImageSource.FromStream(Function() New MemoryStream(qrCodeBytes))
End Sub

.NET MAUI Barkod Üretici

Ayrıca, IronBarcode kütüphanesi yardımıyla .NET MAUI Barkod oluşturucusu da oluşturabilirsiniz. Kodda küçük bir değişiklik yapmanız yeterli ve aşağıdaki kod örneğinde gösterildiği gibi her şey hazır olacak.

private void OnButtonClicked(object sender, EventArgs e)
{
    // Get the text from the entry field
    string text = barCodeText.Text;

    // Generate the barcode using the IronBarcode library with Code128 encoding
    var barCode = BarcodeWriter.CreateBarcode(text, BarcodeEncoding.Code128);

    // Add the text of the barcode value below the generated barcode
    barCode.AddBarcodeValueTextBelowBarcode();

    // Add an annotation text above the barcode
    barCode.AddAnnotationTextAboveBarcode("My Barcode Generated by .NET MAUI App");

    // Convert the barcode to binary JPEG data
    var qrCodeBytes = barCode.ToJpegBinaryData();

    // Set the barcode image source to display the generated barcode on the UI
    barCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
}

private void OnButtonClicked(object sender, EventArgs e)
{
    // Get the text from the entry field
    string text = barCodeText.Text;

    // Generate the barcode using the IronBarcode library with Code128 encoding
    var barCode = BarcodeWriter.CreateBarcode(text, BarcodeEncoding.Code128);

    // Add the text of the barcode value below the generated barcode
    barCode.AddBarcodeValueTextBelowBarcode();

    // Add an annotation text above the barcode
    barCode.AddAnnotationTextAboveBarcode("My Barcode Generated by .NET MAUI App");

    // Convert the barcode to binary JPEG data
    var qrCodeBytes = barCode.ToJpegBinaryData();

    // Set the barcode image source to display the generated barcode on the UI
    barCodeImage.Source = ImageSource.FromStream(() => new MemoryStream(qrCodeBytes));
}

Private Sub OnButtonClicked(ByVal sender As Object, ByVal e As EventArgs)
	' Get the text from the entry field
	Dim text As String = barCodeText.Text

	' Generate the barcode using the IronBarcode library with Code128 encoding
	Dim barCode = BarcodeWriter.CreateBarcode(text, BarcodeEncoding.Code128)

	' Add the text of the barcode value below the generated barcode
	barCode.AddBarcodeValueTextBelowBarcode()

	' Add an annotation text above the barcode
	barCode.AddAnnotationTextAboveBarcode("My Barcode Generated by .NET MAUI App")

	' Convert the barcode to binary JPEG data
	Dim qrCodeBytes = barCode.ToJpegBinaryData()

	' Set the barcode image source to display the generated barcode on the UI
	barCodeImage.Source = ImageSource.FromStream(Function() New MemoryStream(qrCodeBytes))
End Sub

Sonuç

Bu makalede, .NET MAUI ve IronBarcode kütüphanesini kullanarak bir QR kodu oluşturucu ve Barkod Oluşturucu nasıl yapılacağını öğrendik. IronBarcode'u kurma adımlarını, QR kodları oluşturmayı ve bunları ekran üzerinde .NET MAUI'nin görüntü kontrolünü kullanarak görüntülemeyi inceledik.

.NET MAUI, platformlar arası uygulamalar geliştirmek için güçlü bir çerçeve sağlar ve IronBarcode, barkodlar ve QR kodları oluşturma sürecini basitleştirir. Bu teknolojileri birleştirerek, modern cihazların yeteneklerinden yararlanan çok yönlü ve verimli uygulamalar oluşturabilirsiniz.