バーコードのカスタマイズおよびスタイル設定方法
数年間にわたり、バーコードの使用はますます一般的になっており、データの保存、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 メソッドとは異なり、このメソッドは以下のコンポーネントを調整します：」
- バーコードエレメント: 最も狭いバーコードエレメントの幅は、千分のインチで測定されます。(百万).
- 高さ: バーコードの高さ、インチ単位で測定(デフォルトでは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")
以前のコードスニペットの拡張として、バーコードの上下に配置する注釈のために、二つの新しい IronSoftware.Drawing.Font オブジェクトをインスタンス化します。 フォントファミリーのみでフォントをインスタンス化することができます。
AddAnnotationTextAboveBarcode: バーコードの上にカスタムの注釈テキストを追加します。-
AddBarcodeValueTextBelowBarcode: バーコードの下にバーコード値を追加します。これらの二つのメソッドは同じパラメータを受け取ります:IronSoftware.Drawing.Fontオブジェクト、IronSoftware.Drawing.Colorオブジェクト、およびバーコードとテキストの間隔です。 さらに、
AddAnnotationTextAboveBarcodeメソッドには、注釈テキストとして文字列が必要です。これは、バーコードの上にカスタムテキストを追加するためです。IronBarcode はユーザーに対して、バーコードを カスタマイズおよびスタイル設定 するための幅広い機会を提供し、想像力次第で無限の可能性があります。 カスタマイズされたQRコードについて詳しく学ぶには、「QRコードにロゴを追加してカスタマイズする方法申し訳ありませんが、翻訳するための具体的なテキストが提供されていません。翻訳するコンテンツを提供していただければ、日本語に翻訳いたします。
