如何在 C# 中自訂 QR碼生成樣式並新增徽標
使用 IronBarcode 的 CreateQrCodeWithLogo 方法和樣式功能,透過添加徽標、更改顏色和包含註釋,在 C# 中自訂 QR 碼,從而創建品牌化、專業的 QR 碼,用於行銷和商業應用。
由於二維碼具有更高的資料容量和易於掃描的優點,因此比傳統條碼更受歡迎。 它們在行銷領域尤其受到重視,因為它們具有可自訂性,包括添加徽標、更改顏色和融入其他品牌元素等選項。 現代企業利用客製化二維碼開展各種行銷活動和客戶互動策略。
為了滿足這項需求, IronBarcode提供了一系列用於客製化二維碼的功能。 使用者可以建立帶有徽標的二維碼、更改配色方案和添加註釋。 這些功能由IronDrawing提供支持,IronDrawing 是一個免費開源的函式庫。 該程式庫支援多種條碼格式,包括標準 QR 碼、Micro QR 碼和最新的 rMQR 格式。
快速入門:一行創作品牌二維碼
立即開始建立帶有您的徽標、自訂顏色和註釋的二維碼——只需極少的設定和一行IronBarcode程式碼即可。 非常適合希望快速打造專業品牌形象的開發人員。
-
使用NuGet套件管理器安裝https://www.nuget.org/packages/BarCode
PM > Install-Package BarCode -
複製並運行這段程式碼。
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"); -
部署到您的生產環境進行測試
今天就在您的專案中開始使用免費試用IronBarcode
最簡工作流程(5個步驟)
- 下載用於自訂二維碼的 C# 庫
- 使用`CreateQrCodeWithLogo`建立帶有標誌的二維碼
- 使用`ChangeBarCodeColor`應用自訂顏色
- 使用`AddAnnotationTextAboveBarcode`來新增註釋
- 使用`AddBarcodeValueTextBelowBarcode`顯示二維碼值
如何建立帶有Logo的二維碼?
產生二維碼時,需要使用QRCodeLogo物件來嵌入標誌圖像。 The CreateQrCodeWithLogo method generates a QR code with a logo. 此方法是 IronBarcode 全面的二維碼產生功能的一部分,為開發人員提供了廣泛的自訂選項。
: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")
讓我們來看看上面程式碼產生的輸出二維碼。 二維碼中央印有圓角標誌。 標誌的融入既保持了二維碼的可掃描性,也增添了品牌標識。
哪些參數控制Logo的外觀?
若要自訂徽標,請在建立新的QRCodeLogo物件時填寫特定欄位。 以下是必填欄位:
- Importing Image: Import images from
AnyBitmap,Stream,Byte Array, relativefilepath, orURI. 為了獲得最佳效果,請使用PNG、JPEG或WebP等常用格式的高解析度影像。 -圖片尺寸:以像素為單位指定所需的寬度和高度。 如果影像過大導致二維碼無法正常讀取,則會拋出異常。 使用 0 可自動確定最大可行尺寸。 -圖片圓角:設定圓角半徑。 直角處使用 0。 圓角設計使外觀更專業,視覺融合度更高。
如何導出產生的二維碼?
若要匯出產生的二維碼,請呼叫儲存方法。 匯出選項包括圖像檔案、串流媒體、HTML 和 PDF。 請參閱我們的綜合指南,以了解如何將條碼匯出為不同格式。對於 Web 應用程式,您還可以將條碼匯出為 HTML 格式,以便直接嵌入網頁中。
如何更改二維碼的顏色?
除了添加徽標外, IronBarcode還允許用戶透過更改顏色來客製化二維碼。 使用 IronDrawing,使用者可以使用 RGB 值或十六進位顏色代碼定義顏色,並將其應用於二維碼。 此功能對於保持行銷資料中品牌的一致性尤其有用。 讓我們來看一段示範此功能的程式碼片段以及產生的二維碼。
: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")
支援哪些顏色格式?
上面的程式碼擴展了先前創建帶有徽標的二維碼的範例。 It demonstrates changing QR code color using the ChangeBarCodeColor method, which takes an IronSoftware.Drawing.Color object as input. 使用 RGB 值、十六進位代碼或預先定義枚舉建立此物件。 請造訪我們的"建立顏色"程式碼範例以了解更多資訊。 顏色自訂功能可與所有支援的條碼格式無縫搭配使用。
何時應該使用自訂顏色?
自訂顏色尤其適用於: -品牌一致性:使二維碼與公司視覺形象相匹配 -活動主題:為特殊活動和事件建立主題二維碼 -視覺層級:使用顏色突出顯示印刷材料中的重要二維碼 -可視性:確保在各種條件下都能獲得足夠的對比度,以便更好地進行掃描
選擇顏色時,應保持二維碼圖案與背景之間有足夠的對比度,以確保可靠掃描。 深色在淺色背景上通常效果最佳。
如何為二維碼添加註解?
客製化二維碼的另一個重要方面是在二維碼圖像中添加註釋。 這些註釋可以是條碼本身的值,也可以是用於促銷目的的自訂文字。 註釋可以幫助使用者在掃描二維碼之前了解其內容,從而提高使用者體驗和參與度。
讓我們來考察這些方法的實現以及產生的二維碼圖像。
: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")
有哪些標註方法可用?
IronBarcode提供了設定註解位置(二維碼上方或下方)以及字型和顏色的方法。 可用方法包括:
AddAnnotationTextAboveBarcode: Adds annotation text above the QR codeAddAnnotationTextBelowBarcode: Adds annotation text below the QR codeAddBarcodeValueTextAboveBarcode: Adds barcode value text above the QR codeAddBarcodeValueTextBelowBarcode: Adds barcode value text below the QR code
這些方法可以串聯起來進行多重標註。 如需更進階的樣式選項,請參閱我們全面的條碼樣式指南。
如何自訂註釋外觀?
這四種方法都接受一個自訂字體( IronSoftware.Drawing.Font物件)、一個顏色( IronSoftware.Drawing.Color物件)和一個整數(以像素為單位)來指定頂部和底部間距。 這些參數是可選的; 如果未指定,則使用預設字體、顏色和間距。 Font 物件支援各種字體系列、樣式(粗體、斜體、常規)和大小,以滿足您的品牌需求。
為什麼要在二維碼上使用註解?
註釋功能可透過以下方式增強二維碼: -提供上下文:諸如"掃描選單"或"訪問我們的網站"之類的標籤可以明確目的 -提升用戶參與度:清晰的行動號召可提高瀏覽率 -建立信任:顯示網址或公司名稱有助於使用者感到安全 -增強可訪問性:文字註釋可幫助使用者無需掃描即可理解內容
IronBarcode是創建和自訂二維碼的理想工具。 除了直接的自訂方法外, IronBarcode還使用 IronDrawing 作為影像處理的輔助庫,與依賴外部庫相比,穩定性更高。 如需更多範例和進階技巧,請瀏覽我們的C# 二維碼產生器教學課程和API 參考,以取得所有可用方法和屬性的完整文件。
常見問題解答
如何在 C# 中將標誌加入 QR 碼?
您可以使用 IronBarcode 的 CreateQrCodeWithLogo 方法在 QR 代碼中加入標誌。只需用您的圖像文件路徑創建一個 QRCodeLogo 物件,並將它與您的 QR 代碼數據一起傳給該方法。標誌將被嵌入 QR 代碼的中心,同時保持可掃描性。
我可以變更 QR 代碼的顏色嗎?
是的,IronBarcode 提供 ChangeBarCodeColor 方法,可讓您自訂 QR 代碼顏色。您可以應用 IronSoftware.Drawing.Color 調色板中的任何顏色,以匹配您的品牌形象,同時確保 QR 代碼仍可掃描。
如何在 QR 代碼中加入文字註解?
IronBarcode 提供 AddAnnotationTextAboveBarcode 和 AddBarcodeValueTextBelowBarcode 等方法來新增文字註解。您可以自訂文字的字型、大小、顏色和位置,以在 QR 代碼上建立資訊性的標籤或行動呼叫。
自訂支援哪些 BarCode 格式?
IronBarcode 支援多種條碼格式的客製化,包括標準 QR 條碼、Micro QR 條碼和最新的 rMQR 格式。每種格式都可以自訂標誌、顏色和註釋,以滿足您的特定要求。
我可以只用一行代碼就建立品牌 QR 代碼嗎?
是的,IronBarcode 允許您在一行中透過鏈結方法創建一個完全品牌化的 QR 代碼。您可以結合 CreateQrCodeWithLogo、ChangeBarCodeColor 和 AddAnnotationTextAboveBarcode 方法,一次產生包含標誌、顏色和文字的自訂 QR 代碼。
QR 代碼標誌可以使用哪些影像格式?
IronBarcode 的 QRCodeLogo 功能支援常見的圖像格式,如 PNG、JPG 和其他標準格式。該圖庫可自動處理並嵌入您的標誌圖片,同時保持最佳的 QR 代碼可讀性。
標誌整合如何影響 QR 碼的可掃描性?
IronBarcode 可將標誌自動定位在 QR 代碼的中央,並提供適當的大小和襯墊,以保持可掃描性。該程式庫可確保標誌不會干擾 QR 代碼的錯誤修正功能,保持標準 QR 代碼掃描器的可讀性。

