Comment personnaliser et styliser les codes-barres

Hairil Hasyimi Bin Omar

septembre 6, 2023

Mise à jour décembre 10, 2024

Translated

View the article in English

Au fil des ans, l'utilisation des codes-barres est devenue de plus en plus populaire et ils sont utilisés dans un large éventail d'applications, que ce soit pour stocker des données, des identifiants ou l'URL d'une page web. Dans certaines applications, les codes-barres sont rendus visibles sur les produits, ce qui a entraîné une augmentation de la demande d'options pour styliser les codes-barres. Par conséquent, certains types de codes-barres/encodages ont développé leur propre apparence unique tels que PDF417, Aztec, IntelligentMail, MaxiCode, DataMatrix et bien d'autres.

En plus de cela, IronBarcode propose des options permettant aux utilisateurs de personnaliser davantage les codes-barres, dans l'aspect des couleurs des codes-barres, du redimensionnement des codes-barres et des couleurs de fond. Ceci est rendu possible avec l'assistance de notre bibliothèque open source, IronDrawing.

Commencer avec IronBarcode

Commencez à utiliser IronBarcode dans votre projet dès aujourd'hui avec un essai gratuit.

Première étape :

Comment personnaliser et styliser les codes-barres

Download the C# library to customize and style barcodes
Utilisez la méthode ResizeTo pour déclencher un rendu sans perte
Utilisez la méthode ResizeToMil pour redimensionner l'élément de code-barres
Modifier les couleurs du code-barres et de son arrière-plan
Ajouter des annotations de code-barres au-dessus et en dessous du code-barres

Redimensionner le code-barres Exemple

Utiliser la méthode ResizeTo

Redimensionner un code-barres est un aspect de la personnalisation que les utilisateurs peuvent réaliser avec IronBarcode. Pour utiliser cette fonctionnalité, il suffit d'appeler la méthode ResizeTo et de saisir les nouvelles mesures de largeur et de hauteur en pixels (px) pour le code-barres. Cette action déclenche un re-rendu sans perte du code-barres.

A noter

Les valeurs trop petites pour que le code-barres soit lisible seront ignorées.

:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-use-ResizeTo.cs

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

$vbLabelText $csharpLabel

La méthode ResizeTo peut être invoquée sur l'objet GeneratedBarcode. Voici les images de codes-barres générées par l'exécution de l'extrait de code ci-dessus.

Avant le redimensionnement

Après le redimensionnement

Utiliser la méthode ResizeToMil

Un autre aspect du redimensionnement disponible dans IronBarcode est la méthode ResizeToMil. Contrairement à la méthode ResizeTo, celle-ci ajuste les composants suivants :

Élément de code-barres : La largeur de l'élément de code-barres le plus étroit, mesurée en millièmes de pouce (mil).
Hauteur : La hauteur du code-barres, mesurée en pouces (la valeur par défaut est de 1 pouce).
Résolution : points par pouce (le réglage par défaut est 96 DPI).
Cela dit, cette méthode est particulièrement adaptée aux codes-barres 1D.

:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-use-ResizeToMil.cs

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

$vbLabelText $csharpLabel

Vous pouvez également appeler cette méthode sur l'objet GeneratedBarcode. Dans l'image ci-dessous, vous verrez les effets de l'application de la méthode ResizeToMil : les espaces blancs aux bords du code-barres sont éliminés, et à la fois l'élément le plus étroit et la hauteur du code-barres sont ajustés en fonction des valeurs des paramètres fournies à la méthode.

Avant ResizeToMil

Après ResizeToMil

Modifier la couleur du code-barres et de l'arrière-plan

L'une des fonctions les plus recherchées pour styliser les codes-barres est la possibilité de modifier les couleurs du code-barres et de l'arrière-plan. Grâce à IronDrawing, IronBarcode offre cette capacité. En utilisant à la fois les méthodes ChangeBarCodeColor et ChangeBackgroundColor sur l'objet GeneratedBarcode, les utilisateurs peuvent modifier les couleurs du code-barres et de son arrière-plan. Vous trouverez ci-dessous un extrait de code simple démontrant comment y parvenir.

:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-change-barcode-color.cs

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

$vbLabelText $csharpLabel

Exemple d'ajout d'une annotation de code-barres

IronBarcode offre également la possibilité d'ajouter et de styliser l'annotation du code-barres. Encore une fois, le style pour l'annotation ici est également assisté par la fonctionnalité d'IronDrawing en termes d'édition de la couleur et des polices de l'annotation.

:path=/static-assets/barcode/content-code-examples/how-to/customize-barcode-style-add-annotation.cs

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

$vbLabelText $csharpLabel

Code-barres coloré avec annotations

En tant qu'extension de l'extrait de code précédent, nous instancions deux nouveaux objets IronSoftware.Drawing.Font pour servir de polices pour les annotations à la fois au-dessus et en dessous du code-barres. Seule la famille de polices est nécessaire pour instancier la police.

AddAnnotationTextAboveBarcode : Ajoute un texte d'annotation personnalisé au-dessus du code-barres.
AddBarcodeValueTextBelowBarcode : Ajoute la valeur du code-barres sous le code-barres.
Ces deux méthodes acceptent les mêmes paramètres : les objets IronSoftware.Drawing.Font, un objet IronSoftware.Drawing.Color, et la quantité d'espacement entre le code-barres et le texte. De plus, la méthode AddAnnotationTextAboveBarcode nécessite une chaîne de caractères pour le texte de l'annotation, car elle ajoute du texte personnalisé au-dessus du code-barres.
IronBarcode offre un large éventail d'opportunités aux utilisateurs pour personnaliser et styliser leurs codes-barres, limitées uniquement par l'imagination. Pour en savoir plus sur la personnalisation des codes QR, consultez "Comment personnaliser et ajouter des logos aux codes QR".

Hairil related to Exemple d'ajout d'une annotation de code-barres

Hairil Hasyimi Bin Omar

Discutez avec l'équipe d'ingénierie maintenant

Ingénieur logiciel

Comme tous les grands ingénieurs, Hairil est un fervent apprenant. Il affine ses connaissances en C#, Python et Java, et les utilise pour apporter une valeur ajoutée aux membres de l'équipe d'Iron Software. Hairil a rejoint l'équipe d'Iron Software en provenance de l'Universiti Teknologi MARA en Malaisie, où il a obtenu une licence en génie chimique et des procédés.