バーコードのカスタマイズおよびスタイル設定方法
数年間にわたり、バーコードの使用はますます一般的になっており、データの保存、ID、またはウェブページのURLなど、幅広いアプリケーションで使用されています。 一部のアプリケーションでは、バーコードが製品に見えるように表示されることがあり、その結果、バーコードのデザインオプションの需要が増加しました。 したがって、PDF417、Aztec、IntelligentMail、MaxiCode、DataMatrix など、一部のバーコードタイプ/エンコーディングは独自の外観を持っています。
それに加えて、IronBarcode は、ユーザーがバーコードをさらにスタイル化するためのオプションを提供しています。これは、バーコードの色、バーコードのサイズ変更、および背景色の面で実現されています。 これは、オープンソースライブラリのIronDrawingのアシスタントによって可能になります。
IronBarcodeを始める
今日から無料トライアルでIronBarcodeをあなたのプロジェクトで使い始めましょう。
バーコードのカスタマイズおよびスタイル設定方法
バーコードのサイズ変更例
ResizeToメソッドを使用する
サイズ変更は、ユーザーがIronBarcodeで実現できるカスタマイズの一部です。 この機能を使用するには、ResizeTo メソッドを呼び出し、新しいバーコードの幅と高さの測定値をピクセル (px)で入力します。 この操作により、バーコードのロスレス再レンダリングがトリガーされます。
次の内容にご注意ください。
:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-use-ResizeTo.csusing IronBarCode;
// Create barcode
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.PDF417, 300, 100);
// Export barcode
barcode.SaveAsPng("output.png");
// Resize and export the barcode
barcode.ResizeTo(250, 100).SaveAsPng("useResizeTo.png");Imports IronBarCode
' Create barcode
Private barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.PDF417, 300, 100)
' Export barcode
barcode.SaveAsPng("output.png")
' Resize and export the barcode
barcode.ResizeTo(250, 100).SaveAsPng("useResizeTo.png")ResizeTo メソッドは GeneratedBarcode オブジェクトで呼び出すことができます。 以下は、上記のコードスニペットを実行して生成されたバーコード画像です。
リサイズ前
リサイズ後
ResizeToMilメソッドを使用する
IronBarcodeで利用可能なリサイズのもう一つの面は、ResizeToMil メソッドです。 ResizeTo メソッドとは異なり、この方法は次のコンポーネントを調整します：
- バーコード要素: 最も狭いバーコード要素の幅を、1000分の1インチ（ミル）で測定したもの。
- 高さ: バーコードの高さ（デフォルトは1インチ）をインチ単位で測定します。
-
解像度：ドット毎インチ（デフォルトは 96 DPI）。
さて、このメソッドは特に1次元バーコードに適しています。
:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-use-ResizeToMil.csusing IronBarCode;
// Create barcode
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("12345", BarcodeEncoding.Codabar, 250, 100);
// Export barcode
barcode.SaveAsPng("output.png");
// Resize and export the barcode
barcode.ResizeToMil(20, .73, 200).SaveAsPng("useResizeToMil.png");Imports IronBarCode
' Create barcode
Private barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeEncoding.Codabar, 250, 100)
' Export barcode
barcode.SaveAsPng("output.png")
' Resize and export the barcode
barcode.ResizeToMil(20, .73, 200).SaveAsPng("useResizeToMil.png")このメソッドはGeneratedBarcodeオブジェクトでも呼び出すことができます。 以下の画像では、ResizeToMilメソッドを適用した効果が見られます。バーコードの端の空白部分が削除され、最も狭い要素とバーコードの高さの両方が、メソッドに提供されたパラメーター値に従って調整されます。
サイズ変更前の ResizeToMil
ResizeToMilの後
バーコードと背景色の変更
バーコードのスタイリングにおいて最も求められる機能の一つは、バーコードおよび背景色を変更する能力です。 IronDrawingのおかげで、IronBarcodeはこの機能を提供します。 ユーザーは、GeneratedBarcode オブジェクトに対して ChangeBarCodeColor および ChangeBackgroundColor メソッドを使用することにより、バーコードおよびその背景の色を変更することができます。 以下は、この方法を実現するためのシンプルなコードスニペットです。
:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-change-barcode-color.csusing IronBarCode;
using IronSoftware.Drawing;
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.Aztec);
// Change barcode color
barcode.ChangeBarCodeColor(Color.DarkKhaki);
// Change barcode's background color
barcode.ChangeBackgroundColor(Color.ForestGreen);
barcode.SaveAsPng("coloredAztec2.png");Imports IronBarCode
Imports IronSoftware.Drawing
Private barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.Aztec)
' Change barcode color
barcode.ChangeBarCodeColor(Color.DarkKhaki)
' Change barcode's background color
barcode.ChangeBackgroundColor(Color.ForestGreen)
barcode.SaveAsPng("coloredAztec2.png")
バーコード注釈の追加例
IronBarcodeには、バーコード注釈を追加してスタイルを設定するオプションもあります。 ここでもアノテーションのスタイリングは、アノテーションの色やフォントの編集においてIronDrawingの機能によっても支援されています。
:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-add-annotation.csusing IronBarCode;
using IronSoftware.Drawing;
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.Aztec, 500, 500);
// Change barcode and background color
barcode.ChangeBarCodeColor(Color.DarkCyan);
barcode.ChangeBackgroundColor(Color.PeachPuff);
// Create font for annotation
Font annotationFont = new Font("Candara", FontStyle.Bold, 70);
// Add annotation
barcode.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationFont, Color.DarkOrange);
// Create font for barcode value
Font barcodeValueFont = new Font("Cambria", FontStyle.Regular, 70);
// Add displayed barcode value
barcode.AddBarcodeValueTextBelowBarcode(barcodeValueFont, Color.SandyBrown);
barcode.SaveAsPng("annotationAndBarcodeValue.png");Imports IronBarCode
Imports IronSoftware.Drawing
Private barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.Aztec, 500, 500)
' Change barcode and background color
barcode.ChangeBarCodeColor(Color.DarkCyan)
barcode.ChangeBackgroundColor(Color.PeachPuff)
' Create font for annotation
Dim annotationFont As New Font("Candara", FontStyle.Bold, 70)
' Add annotation
barcode.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationFont, Color.DarkOrange)
' Create font for barcode value
Dim barcodeValueFont As New Font("Cambria", FontStyle.Regular, 70)
' Add displayed barcode value
barcode.AddBarcodeValueTextBelowBarcode(barcodeValueFont, Color.SandyBrown)
barcode.SaveAsPng("annotationAndBarcodeValue.png")
前のコードスニペットの拡張として、バコードの上下にある注釈のフォントとして機能するために、2つの新しいIronSoftware.Drawing.Fontオブジェクトをインスタンス化します。 フォントをインスタンス化するには、フォントファミリのみが必要です。
AddAnnotationTextAboveBarcode: バーコードの上にカスタム注釈テキストを追加します。-
AddBarcodeValueTextBelowBarcode: バーコードの下にバーコードの値を追加します。これらの2つのメソッドは同じパラメーターを受け入れます：IronSoftware.Drawing.Fontオブジェクト、IronSoftware.Drawing.Colorオブジェクト、およびバーコードとテキストの間隔の量。 さらに、
AddAnnotationTextAboveBarcodeメソッドは、バーコードの上にカスタムテキストを追加するために、注釈テキストの文字列を必要とします。IronBarcodeは、ユーザーがバーコードをカスタマイズおよびスタイル設定するための幅広い機会を提供し、想像力のみがその限界となります。 QRコードをカスタマイズする方法について詳しくは、"QRコードのスタイルをカスタマイズし、ロゴを追加する方法"をご参照ください。
