1. IronBarcode
  2. Poradniki
  3. .NET Tworzenie niestandardowego kodu QR
Jak dostosować i dodać logo do kodów QR w języku C#

Jak dostosować i dodać logotypy do kodów QR w C

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
Zaktualizowano:
This article was translated from English: Does it need improvement?
Translated
View the article in English

Dostosuj kody QR w C# dodając logotypy, zmieniając kolory i dodając adnotacje za pomocą metody CreateQrCodeWithLogo biblioteki IronBarcode oraz funkcji stylizacji, aby tworzyć markowe, profesjonalne kody QR do zastosowań w marketingu i biznesie.

Kody QR zyskały popularność w porównaniu z tradycyjnymi kodami kreskowymi ze względu na ich większą pojemność danych i łatwość skanowania. Są one szczególnie cenione w marketingu za ich możliwość dostosowania, w tym opcje dodawania logotypów, zmiany kolorów oraz integracji innych elementów marki. Nowoczesne firmy wykorzystują niestandardowe kody QR w rozmaitych kampaniach marketingowych i strategiach angażowania klientów.

Aby sprostać temu zapotrzebowaniu, IronBarcode oferuje zestaw funkcji do dostosowywania kodów QR. Użytkownicy mogą tworzyć kody QR z logotypami, zmieniać schematy kolorów oraz dodawać adnotacje. Te możliwości są napędzane przez IronDrawing, darmową i otwartą bibliotekę. Biblioteka obsługuje wiele formatów kodów kreskowych, w tym standardowe kody QR, Micro QR oraz najnowsze formaty rMQR.

Szybki start: Zbuduj markowy kod QR w jednej linii

Rozpocznij natychmiast, tworząc kod QR z Twoim logotypem, niestandardowym kolorem i adnotacją – wszystko to w minimalnej konfiguracji i za pomocą jednej linii kodu IronBarcode. Idealne dla programistów, którzy chcą szybko uzyskać profesjonalne brandowanie.

  1. Install IronBarcode with NuGet Package Manager

    PM > Install-Package BarCode

  2. Skopiuj i uruchom ten fragment kodu.

    IronBarCode.QRCodeWriter.CreateQrCodeWithLogo("https://example.com", new IronBarCode.QRCodeLogo("logo.png"), 300).ChangeBarCodeColor(IronSoftware.Drawing.Color.DeepSkyBlue).AddAnnotationTextAboveBarcode("Scan Me", new IronSoftware.Drawing.Font("Verdana",12), IronSoftware.Drawing.Color.White, 5).SaveAsPng("customQR.png");

  3. Wdrożenie do testowania w środowisku produkcyjnym

    Rozpocznij używanie IronBarcode w swoim projekcie już dziś z darmową wersją próbną

    arrow pointer

Minimalny proces (5 kroków)

  1. Pobierz bibliotekę C# do dostosowywania kodów QR
  2. Użyj CreateQrCodeWithLogo, aby utworzyć kod QR z logotypem
  3. Zastosuj niestandardowe kolory za pomocą ChangeBarCodeColor
  4. Dodaj adnotacje za pomocą AddAnnotationTextAboveBarcode
  5. Wyświetlanie wartości kodu QR za pomocą AddBarcodeValueTextBelowBarcode

Obiekt QRCodeLogo jest wymagany do osadzenia obrazu logo podczas generowania kodu QR. Metoda CreateQrCodeWithLogo generuje kod QR z logo. Ta metoda jest częścią kompleksowych funkcji generowania kodów QR firmy IronBarcode, które zapewniają programistom szerokie możliwości dostosowywania.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.cs
using IronBarCode;
using IronSoftware.Drawing;

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 0, 0, 20f);

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

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");

Imports IronBarCode
Imports IronSoftware.Drawing

' Create QR code logo from file path
Dim logo As New QRCodeLogo("ironbarcode_top.webp", 0, 0, 20.0F)

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

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png")
$vbLabelText   $csharpLabel
Kod QR z kolorowym kwadratowym logo umieszczonym pośrodku, pokazujący przykład integracji logo

Przyjrzyjmy się kodowi QR wygenerowanemu przez powyższy kod. Kod QR zawiera logo pośrodku o zaokrąglonych krawędziach. Włączenie logo pozwala zachować możliwość skanowania kodu QR, jednocześnie wzmacniając tożsamość marki.

Aby dostosować logo, należy wypełnić określone pola podczas tworzenia nowego obiektu QRCodeLogo. Oto wymagane pola:

  • Importing Image: Import images from AnyBitmap, Stream, Byte Array, relative filepath, or URI. Aby uzyskać optymalne wyniki, należy używać obrazów o wysokiej rozdzielczości w popularnych formatach, takich jak PNG, JPEG lub WebP.
  • Wymiary obrazu: Określ żądaną szerokość i wysokość w pikselach. Jeśli obraz jest zbyt duży, aby kod QR pozostał czytelny, zostanie zgłoszony wyjątek. Użyj 0, aby automatycznie określić największy możliwy rozmiar.
  • Narożniki obrazu: Ustaw promień zaokrąglonych narożników. Użyj wartości 0 dla kwadratowych narożników. Zaokrąglone rogi nadają bardziej profesjonalny wygląd i zapewniają lepszą integrację wizualną.

Jak wyeksportować wygenerowany kod QR?

Aby wyeksportować wygenerowany kod QR, należy wywołać metodę zapisywania. Opcje eksportu obejmują pliki graficzne, strumienie, HTML i PDF. Dowiedz się więcej o eksportowaniu kodów kreskowych w różnych formatach z naszego obszernego przewodnika. W przypadku aplikacji internetowych kody kreskowe można również eksportować jako HTML w celu bezpośredniego osadzenia na stronach internetowych.

Jak mogę zmienić kolor mojego kodu QR?

Oprócz dodawania logo, IronBarcode umożliwia użytkownikom dostosowywanie kodów QR poprzez zmianę ich koloru. Dzięki IronDrawing użytkownicy mogą definiować kolory za pomocą wartości RGB lub kodów kolorów Hex i stosować je do kodów QR. Ta funkcja jest szczególnie przydatna do zachowania spójności marki w materiałach marketingowych. Przyjrzyjmy się fragmentowi kodu ilustrującemu tę funkcję oraz wynikowemu kodowi QR.

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

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 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

' Create QR code logo from file path
Dim logo As New QRCodeLogo("ironbarcode_top.webp", 0, 0, 20.0F)

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

Dim QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Dim QrCodeWithLogoAndColor As GeneratedBarcode = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb)
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png")
$vbLabelText   $csharpLabel
Niebieski kod QR z niestandardowym, kolorowym logo pośrodku, pokazujący udane dostosowanie koloru i logo

Jakie formaty kolorów są obsługiwane?

Powyższy kod stanowi rozszerzenie poprzedniego przykładu tworzenia kodów QR z logo. Demonstruje zmianę koloru kodu QR za pomocą metody ChangeBarCodeColor, która przyjmuje obiekt IronSoftware.Drawing.Color jako wejście. Utwórz ten obiekt, używając wartości RGB, kodów szesnastkowych lub predefiniowanych wyliczeń. Odwiedź nasz przykład kodu "Create Color", aby dowiedzieć się więcej. Funkcja dostosowywania kolorów działa płynnie ze wszystkimi obsługiwanymi formatami BarCode.

Kiedy należy używać kolorów niestandardowych?

Kolory niestandardowe są szczególnie przydatne w przypadku:

  • Spójność marki: Dopasowanie kodów QR do identyfikacji wizualnej firmy
  • Motywy kampanii: Tworzenie tematycznych kodów QR na potrzeby specjalnych kampanii i wydarzeń
  • Hierarchia wizualna: Wykorzystanie kolorów do wyróżnienia ważnych kodów QR w materiałach PRINT
  • Dostępność: Zapewnienie odpowiedniego kontrastu w celu lepszego skanowania w różnych warunkach

Przy doborze kolorów należy zachować odpowiedni kontrast między wzorem kodu QR a tłem, aby zapewnić niezawodne skanowanie. Najlepiej sprawdzają się ciemne kolory na jasnym tle.

Jak dodawać adnotacje do kodów QR?

Innym ważnym aspektem dostosowywania kodów QR jest dodawanie adnotacji w obrębie obrazu kodu QR. Adnotacje te mogą stanowić sam BARCODE lub niestandardowy tekst służący celom promocyjnym. Adnotacje pomagają użytkownikom zrozumieć, co zawiera kod QR przed jego zeskanowaniem, poprawiając komfort użytkowania i wskaźniki zaangażowania.

Przyjrzyjmy się implementacji tych metod i wynikowemu obrazowi kodu QR.

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

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 0, 0, 20f);

// Define color from RGB
Color colorForBarcode = new Color(51, 51, 153);

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

' Create QR code logo from file path
Dim logo As New QRCodeLogo("ironbarcode_top.webp", 0, 0, 20.0F)

' Define color from RGB
Dim colorForBarcode As New Color(51, 51, 153)

Dim qrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Dim qrCodeWithLogoAndColor As GeneratedBarcode = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode)
Dim qrCodeWithAnnotation As GeneratedBarcode = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", 2).AddBarcodeValueTextBelowBarcode(2)
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png")
$vbLabelText   $csharpLabel
Kod QR z logo IronBarcode umieszczonym pośrodku, pokazujący możliwości dostosowywania marki

Jakie metody adnotacji są dostępne?

IronBarcode udostępnia metody do ustawiania pozycji adnotacji (nad lub pod kodem QR), a także jej rodziny czcionek i koloru. Dostępne metody obejmują:

  • AddAnnotationTextAboveBarcode: Dodaje tekst adnotacji powyżej kodu QR
  • AddAnnotationTextBelowBarcode: Dodaje tekst adnotacji poniżej kodu QR
  • AddBarcodeValueTextAboveBarcode: Dodaje tekst wartości kodu kreskowego powyżej kodu QR
  • AddBarcodeValueTextBelowBarcode: Dodaje tekst wartości kodu kreskowego poniżej kodu QR

Metody te można łączyć w łańcuchy w celu tworzenia wielu adnotacji. Aby uzyskać więcej informacji na temat zaawansowanych opcji stylizacji, zapoznaj się z naszym kompleksowym przewodnikiem po stylizacji BARCODE.

Jak mogę dostosować wygląd adnotacji?

Wszystkie cztery metody akceptują niestandardową czcionkę jako obiekt IronSoftware.Drawing.Font, kolor jako obiekt IronSoftware.Drawing.Color oraz liczbę całkowitą określającą górny i dolny odstęp w pikselach. Te parametry są opcjonalne; Jeśli nie zostanie to określone, zostaną użyte domyślna czcionka, kolor i odstępy. Obiekt Font obsługuje różne rodziny czcionek, style (pogrubiony, pochylony, zwykły) oraz rozmiary, aby dopasować się do wymagań Twojej marki.

Dlaczego warto używać adnotacji w kodach QR?

Adnotacje wzbogacają kody QR poprzez:

  • Podawanie kontekstu: etykiety takie jak "Wyszukaj menu" lub "Odwiedź naszą stronę internetową" wyjaśniają cel
  • Zwiększanie zaangażowania: Jasne wezwania do działania zwiększają wskaźniki skanowania
  • Budowanie zaufania: Wyświetlanie adresu URL lub nazwy firmy pomaga użytkownikom poczuć się bezpiecznie
  • Poprawa dostępności: adnotacje tekstowe pomagają użytkownikom zrozumieć treść bez konieczności skanowania

IronBarcode to idealne narzędzie do tworzenia i dostosowywania kodów QR. Oprócz bezpośrednich metod dostosowywania, IronBarcode wykorzystuje IronDrawing jako bibliotekę pomocniczą do przetwarzania obrazów, zapewniając większą stabilność niż w przypadku korzystania z bibliotek zewnętrznych. Aby uzyskać dodatkowe przykłady i zapoznać się z zaawansowanymi technikami, zapoznaj się z naszym samouczkiem dotyczącym generatora kodów QR w języku C# oraz Dokumentacją API, zawierającą kompletny opis wszystkich dostępnych metod i właściwości.

Często Zadawane Pytania

Jak dodać logo do kodu QR w C#?

Możesz dodać logo do kodu QR używając metody CreateQrCodeWithLogo z IronBarcode. Wystarczy utworzyć obiekt QRCodeLogo z ścieżką do pliku obrazu i przekazać go do metody razem z danymi kodu QR. Logo zostanie osadzone w centrum kodu QR zachowując jego skanowalność.

Czy mogę zmienić kolory swojego kodu QR?

Tak, IronBarcode oferuje metodę ChangeBarCodeColor, która pozwala na dostosowanie kolorów kodu QR. Możesz zastosować dowolny kolor z palety IronSoftware.Drawing.Color, aby pasował do tożsamości Twojej marki, jednocześnie zapewniając, że kod QR pozostanie skanowalny.

Jak dodać adnotacje tekstowe do kodu QR?

IronBarcode oferuje metody takie jak AddAnnotationTextAboveBarcode i AddBarcodeValueTextBelowBarcode do dodawania adnotacji tekstowych. Możesz dostosować czcionkę, rozmiar, kolor i pozycjonowanie tekstu, aby stworzyć informacyjne etykiety lub wezwania do działania na swoich kodach QR.

Jakie formaty kodów kreskowych są obsługiwane dla dostosowywania?

IronBarcode obsługuje dostosowywanie dla wielu formatów kodów kreskowych, w tym standardowych kodów QR, Micro QR i najnowszych formatów rMQR. Każdy format można dostosować za pomocą logo, kolorów i adnotacji, aby spełniał konkretne wymagania.

Czy mogę stworzyć markowy kod QR za pomocą jednej linii kodu?

Tak, IronBarcode pozwala na stworzenie w pełni markowego kodu QR w jednej linii poprzez łączenie metod. Możesz połączyć metody CreateQrCodeWithLogo, ChangeBarCodeColor i AddAnnotationTextAboveBarcode, aby wygenerować niestandardowy kod QR z logo, kolorami i tekstem jednocześnie.

Jakie formaty obrazów mogę używać dla logo kodu QR?

Funkcja QRCodeLogo w IronBarcode obsługuje popularne formaty obrazów, takie jak PNG, JPG i inne standardowe formaty. Biblioteka automatycznie przetwarza i osadza obraz logo, jednocześnie zachowując optymalną czytelność kodu QR.

Jak integracja logo wpływa na skanowalność kodu QR?

IronBarcode automatycznie umieszcza logo w centrum kodu QR z odpowiednimi rozmiarami i odstępami, zachowując skanowalność. Biblioteka zapewnia, że logo nie zakłóca zdolności kodu QR do korekcji błędów, dzięki czemu pozostaje czytelne przez standardowe skanery kodów QR.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Czat z zespołem inżynierów teraz
Inżynier oprogramowania
Jak wszyscy wielcy inżynierowie, Hairil jest zapalonym uczniem. Doskonali swoją wiedzę na temat C#, Pythona i Javy, wykorzystując tę wiedzę, aby dodawać wartości członkom zespołu Iron Software. Hairil dołączył do zespołu Iron Software z Universiti Teknologi MARA w Malezji, gdzie uzyskał tytuł licencjata ...
Czytaj więcej
Gotowy, aby rozpocząć?
Nuget Pliki do pobrania 2,145,441 | Wersja: 2026.4 just released
Still Scrolling Icon

Wciąż przewijasz?

Czy chcesz szybko dowodu? PM > Install-Package BarCode
uruchom przykład zobacz, jak twoje ciągi zamieniają się w kody kreskowe.