1. IronBarcode
2. Anleitungen
3. .NET Benutzerdefinierten QR-Code erstellen

Wie man QR-Codes anpasst und Logos hinzufügt

von Hairil Hasyimi Bin Omar

QR-Codes haben aufgrund ihrer höheren Datenkapazität und ihrer einfachen Lesbarkeit gegenüber herkömmlichen Barcodes an Beliebtheit gewonnen. Im Marketing werden sie vor allem wegen ihrer Anpassungsfähigkeit geschätzt, denn sie bieten die Möglichkeit, Logos hinzuzufügen, Farben zu ändern und andere Branding-Elemente einzubinden.

Um dieser Nachfrage gerecht zu werden, bietet IronBarcode eine Reihe von Funktionen zur Anpassung von QR-Codes. Benutzer können QR-Codes mit Logos erstellen, die Farbschemata ändern und Anmerkungen hinzufügen. Diese Fähigkeiten werden unterstützt durch EisenZeichnung, eine freie und quelloffene Bibliothek.

Erste Schritte mit IronBarcode

Beginnen Sie noch heute mit der Verwendung von IronBarcode in Ihrem Projekt mit einer kostenlosen Testversion.

Erster Schritt:

Kostenloser Start

QR-Codes mit Logo erstellen Beispiel

Ein QRCodeLogo-Objekt wird benötigt, um das Logobild bei der Erzeugung des QR-Codes einzubetten. Die Methode CreateQrCodeWithLogo wird auch verwendet, um einen QR-Code mit einem Logo zu erzeugen.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.cs

using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");

Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png")

Schauen wir uns den QR-Code an, der mit dem obigen Code erzeugt wurde. Wir können sehen, dass der QR-Code ein Logo in der Mitte mit abgerundeten Kanten aufweist.

Um das Logo anzupassen, müssen Sie beim Erstellen eines neuen QRCodeLogo-Objekts bestimmte Felder ausfüllen. Hier finden Sie die Erläuterungen zu den Pflichtfeldern:

• Bild importieren: Sie können Bilder auf verschiedene Arten importieren, z. B. als AnyBitmap, Stream, Byte-Array, relativer Dateipfad oder URI.
• Bildabmessungen: Geben Sie die gewünschte Breite und Höhe des Logobildes in Pixeln an. Wenn das Bild zu groß ist, um den QR-Code lesen zu können, wird eine Ausnahme ausgelöst. Verwenden Sie den Wert 0, um automatisch die größte realisierbare Größe zu ermitteln.

• Bild-Ecken: Legen Sie den Radius der abgerundeten Ecken des Logo-Bildes fest. Verwenden Sie den Standardwert 0 für quadratische Ecken.

  Um den erzeugten QR-Code zu exportieren, rufen Sie einfach eine Speichermethode auf. Sie haben mehrere Exportoptionen, darunter bilddateien, Ströme, HTML und PDF.

Farbe des QR-Codes ändern Beispiel

IronBarcode bietet nicht nur die Möglichkeit, ein Logo in den QR-Code einzufügen, sondern auch die Farbe des QR-Codes zu ändern, um ihn weiter anzupassen. Mit unserem EisenZeichnung bibliothek können Benutzer ganz einfach ihre eigenen Farben mit RGB-Werten oder Hex-Farbcodes definieren und sie auf den QR-Code anwenden. Schauen wir uns das Codeschnipsel an, das diese Funktion demonstriert, und den QR-Code, der sich aus der Ausführung dieses Codes ergibt.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.cs

using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

IronSoftware.Drawing.Color ColorFromRgb = new IronSoftware.Drawing.Color(51, 51, 153);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode QrCodeWithLogoAndColor = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb);
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png");

Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private ColorFromRgb As New IronSoftware.Drawing.Color(51, 51, 153)

Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private QrCodeWithLogoAndColor As GeneratedBarcode = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb)
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png")

Das obige Codeschnipsel erweitert ein früheres Beispiel zur Erstellung von QR-Codes mit einem Logo. Es demonstriert, wie man die Farbe des QR-Codes mit der Methode "ChangeBarCodeColor" ändern kann, die ein IronSoftware.Drawing.Color-Objekt als Eingabe akzeptiert. Sie können dieses Objekt mit RGB-Werten, Hex-Codes oder vordefinierten Enums erstellen. Besuchen Sie unser "Farbe schaffen" codebeispiel, um mehr zu erfahren.

QR-Code-Anmerkung hinzufügen Beispiel

Ein weiterer wichtiger Aspekt beim Anpassen oder Gestalten eines QR-Codes ist das Hinzufügen von Kommentaren innerhalb des QR-Code-Bildes. Diese Anmerkungen können entweder der Barcodewert selbst oder ein benutzerdefinierter Text für Werbe- oder Marketingzwecke sein.

Schauen wir uns nun die Implementierung dieser Methoden und das daraus resultierende QR-Code-Bild an, das mit dem nachstehenden Codeschnipsel erzeugt wird.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.cs

using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

Color colorForBarcode = new Color(51, 51, 153); // color from RGB
Color annotationAboveBarcodeColor = new Color("#176feb");  // color from Hex
Font annotationAboveBarcodeFont = new Font("Candara", FontStyle.Bold, 15);
Color barcodeValueBelowBarcodeColor = new Color("#6e53bb");
Font barcodeValueBelowBarcodeFont = new Font("Cambria", FontStyle.Regular, 15);

GeneratedBarcode qrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode qrCodeWithLogoAndColor = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode);
GeneratedBarcode qrCodeWithAnnotation = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2);
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png");

Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private colorForBarcode As New Color(51, 51, 153) ' color from RGB
Private annotationAboveBarcodeColor As New Color("#176feb") ' color from Hex
Private annotationAboveBarcodeFont As New Font("Candara", FontStyle.Bold, 15)
Private barcodeValueBelowBarcodeColor As New Color("#6e53bb")
Private barcodeValueBelowBarcodeFont As New Font("Cambria", FontStyle.Regular, 15)

Private qrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private qrCodeWithLogoAndColor As GeneratedBarcode = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode)
Private qrCodeWithAnnotation As GeneratedBarcode = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2)
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png")

IronBarcode bietet Methoden zum Einstellen der Position der Anmerkung(oberhalb oder unterhalb des QR-Codes) sowie die Schriftfamilie und -farbe. Nachstehend finden Sie die verfügbaren Methoden für diese Funktion:

• anmerkungstextüberBarcodehinzufügen": Fügt Anmerkungstext oberhalb des QR-Codes hinzu.
• anmerkungstextunterBarcodehinzufügen": Fügt Anmerkungstext unter dem QR-Code hinzu.
• addBarcodeValueTextAboveBarcode": Fügt den Barcodewert-Text oberhalb des QR-Codes ein.
• barcodeWertTextUnterBarcode hinzufügen": Fügt den Barcodewert-Text unter dem QR-Code ein.

Anpassen der Beschriftung und des Barcodewertes

Alle vier oben genannten Methoden akzeptieren eine benutzerdefinierte Schriftart als IronSoftware.Drawing.Font-Objekt, eine Farbe als IronSoftware.Drawing.Color-Objekt und eine ganze Zahl, um den oberen und unteren Abstand des Textes in Pixel anzugeben. Bitte beachten Sie, dass diese Parameter optional sind; wenn nicht angegeben, werden die Standardschriftart, -farbe und -abstände verwendet.

Kurz gesagt, IronBarcode ist ein ideales Tool zum Erstellen und Anpassen Ihres QR-Codes. Abgesehen von den direkten Methoden, die für die Anpassungen verwendet wurden, nutzte IronBarcode auch unsere eigene IronDrawing als Hilfsbibliothek für alles, was mit Bildverarbeitung zu tun hatte, was vermutlich stabiler war als die Abhängigkeit von anderen externen Bibliotheken.

Hairil Hasyimi Bin Omar

Software-Ingenieur

Wie alle großartigen Ingenieure ist Hairil ein eifriger Lerner. Er verfeinert seine Kenntnisse in C#, Python und Java und nutzt dieses Wissen, um den Teammitgliedern von Iron Software einen Mehrwert zu bieten. Hairil kam von der Universiti Teknologi MARA in Malaysia zum Iron Software-Team, wo er einen Bachelor-Abschluss in Chemie- und Verfahrenstechnik erwarb.