1. IronBarcode
2. ハウツー
3. .NET カスタムQRコードを作成

QRコードにカスタマイズとロゴを追加する方法

によって ハイリル ハシミ ビン オマル

QRコードは、データ容量が大きく、スキャンが容易であることから、従来のバーコードに比べて人気が高まっています。 それらは特にマーケティングにおいて、高く評価されています。カスタマイズ性があり、ロゴの追加、色の変更、その他のブランディング要素の取り入れなどのオプションが含まれているためです。

この需要に応えるために、IronBarcodeはQRコードのカスタマイズに関する一連の機能を提供しています。 ユーザーはロゴ付きのQRコードを作成したり、配色を変更したり、注釈を追加したりすることができます。 これらの機能はによって支えられています アイアンドローイング (IronDrawing)、フリーでオープンソースのライブラリ。

• • 申し訳ありませんが、翻訳を行うための具体的なコンテンツが提供されていません。翻訳したい英語のテキストを入力してください。

• • 申し訳ありませんが、翻訳を行うための具体的なコンテンツが提供されていません。翻訳したい英語のテキストを入力してください。
  

  でインストール NuGet

  Install-Package BarCode

  nuget.org/packages/BarCode/

  または

  

  ダウンロード DLL (ディーエルエル)

  DLLをダウンロード

  プロジェクトに手動でインストールする

  

  でインストール NuGet

  Install-Package BarCode

  nuget.org/packages/BarCode/

  または

  

  ダウンロード DLL (ディーエルエル)

  DLLをダウンロード

  プロジェクトに手動でインストールする

  今日からプロジェクトでIronPDFを使い始めましょう。無料のトライアルをお試しください。

  最初のステップ:

  

  無料で始める

  Nugetでインストール

  チェックアウト IronBarcode オン Nuget 迅速なインストールと展開のために。8百万以上のダウンロード数により、をC#で変革しています。

  nuget.org/packages/BarCode/

  Install-Package BarCode

  DLLをダウンロード

  インストールを検討してください IronBarcode DLL 直接。ダウンロードして、プロジェクトまたはGACの形式で手動でインストールしてください。 IronBarCode.zip

  

  プロジェクトに手動でインストールする

  DLLをダウンロード

ロゴ付きQRコードを作成する例

QRCodeLogoオブジェクトは、QRコードを生成する際にロゴ画像を埋め込むために必要です。 CreateQrCodeWithLogo メソッドは、ロゴ付きのQRコードを生成するためにも使用されます。

: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")

上記のコードによって生成された出力QRコードを確認しましょう。 QRコードの中央にロゴがあり、角が丸いことがわかります。

ロゴをカスタマイズするには、新しいQRCodeLogoオブジェクトを作成する際に、特定のフィールドを入力する必要があります。 以下は必須フィールドの説明です:

• 画像のインポート：AnyBitmap、Stream、Byte Array、相対的なファイルパス、またはURIから画像をインポートすることができます。

• 画像の寸法：ロゴ画像の幅と高さをピクセル単位で指定してください。 画像が大きすぎてQRコードが読み取れない場合、例外がスローされます。 値 0 を使用して、最大の実行可能サイズを自動的に決定します。

• 画像の角：ロゴ画像の角を丸くする半径を設定します。 角を丸めない場合は、デフォルト値の0を使用してください。

  最後に、生成されたQRコードをエクスポートするには、単に保存メソッドを呼び出してください。 以下のような複数のエクスポートオプションがあります。 画像ファイル, ストリーム, HTML そして PDF.

QRコードの色を変更する例

QRコードにロゴを追加する機能に加えて、IronBarcodeはユーザーがQRコードの色を変更してさらにカスタマイズすることも可能にします。 以下を日本語に翻訳します：

"With our" アイアンドローイング (IronDrawing) ライブラリでは、ユーザーはRGB値やHexカラーコードを使用して自分自身の色を簡単に定義し、QRコードに適用することができます。 この機能を示すコードスニペットと、コードを実行して得られるQRコードを見てみましょう。

: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")

上記のコードスニペットは、ロゴ付きのQRコードを作成する以前の例を拡張したものです。 次の方法を説明します: ChangeBarCodeColor メソッドを使用してQRコードの色を変更する方法。このメソッドは、IronSoftware.Drawing.Color オブジェクトを入力として受け取ります。 このオブジェクトは、RGB値、Hexコード、またはあらかじめ定義された列挙型を使用して作成できます。 以下のリンクからご覧ください カラーを作成 詳しく学ぶためのコード例。

QRコード注釈の追加例

QRコードをカスタマイズまたはスタイリングするもう一つの重要な側面は、QRコード画像内に注釈を追加することです。 これらの注釈は、バーコードの値自体またはプロモーションやマーケティングの目的に使用されるカスタムテキストのいずれかになります。

それでは、これらのメソッドの実装と、以下のコードスニペットによって生成されるQRコード画像を確認しましょう。

: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は、注釈の位置を設定するためのメソッドを提供します。 (QRコードの上または下) フォントファミリーと色も含みます。 以下は、この機能で利用可能なメソッドです:

• AddAnnotationTextAboveBarcode: QRコードの上に注釈テキストを追加します。
• AddAnnotationTextBelowBarcode: QRコードの下に注釈テキストを追加します。
• AddBarcodeValueTextAboveBarcode: QRコードの上にバーコード値テキストを追加します。
• AddBarcodeValueTextBelowBarcode：QRコードの下にバーコードの値のテキストを追加します。

注釈およびバーコード値のカスタマイズ

上記の4つのメソッドはいずれも、カスタムフォントを IronSoftware.Drawing.Font オブジェクトとして、色を IronSoftware.Drawing.Color オブジェクトとして受け入れ、テキストの上下の間隔をピクセル単位で指定する整数を受け入れます。 以下のパラメータは省略可能です。 特に指定がない場合、デフォルトのフォント、色、スペーシングが使用されます。

要するに、IronBarcodeはQRコードの作成およびカスタマイズに最適なツールです。 直接的なカスタマイズ方法に加えて、IronBarcodeは画像処理に関連するすべてのことに対して、ヘルパーライブラリとして独自のIronDrawingも使用しています。これにより、他の外部ライブラリに依存するよりも安定していると想定されています。

ハイリル ハシミ ビン オマル

ソフトウェアエンジニア

すべての優れたエンジニアと同じように、Hairilは熱心な学習者です。C#、Python、およびJavaの知識を洗練させ、その知識を活かしてIron Softwareのチームメンバーに価値を提供しています。Hairilはマレーシアのマラ工科大学（Universiti Teknologi MARA）で化学およびプロセス工学の学士号を取得し、Iron Softwareチームに加わりました。