1. IronBarcode
  2. Comment faire
  3. Personnaliser et styliser les codes-barres

Comment personnaliser et styliser les codes-barres

This article was translated from English: Does it need improvement?
Translated
View the article in English

par Hairil Hasyimi Bin Omar

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 sont apparus avec leur propre apparence unique, tels que PDF417, Aztec, IntelligentMail, MaxiCode, DataMatrix et bien d'autres encore.

En outre, IronBarcode propose des options permettant aux utilisateurs de styliser davantage les codes-barres, en ce qui concerne les couleurs du code-barres, le redimensionnement du code-barres et les couleurs d'arrière-plan. Ceci est rendu possible grâce à l'aide de notre bibliothèque open source,Dessin au fer.

Commencer avec IronBarcode

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

Première étape :
green arrow pointer

Comment personnaliser et styliser les codes-barres

  1. Télécharger la bibliothèque C# pour personnaliser et styliser les codes-barres
  2. Utiliser le Redimensionner pour déclencher un re-rendu sans perte
  3. Utiliser le ResizeToMil méthode pour redimensionner l'élément du code-barres
  4. Modifier les couleurs du code-barres et de son arrière-plan
  5. Ajouter des annotations au-dessus et au-dessous du code-barres

Redimensionner le code-barres Exemple

Utiliser la méthode ResizeTo

Le redimensionnement d'un code-barres est l'un des aspects de la personnalisation que les utilisateurs peuvent réaliser avec IronBarcode. Pour utiliser cette fonctionnalité, il suffit d'appeler la méthode ResizeTo et d'entrer les nouvelles mesures largeur et 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")
VB   C#

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.

Code-barres avant redimensionnement

Avant le redimensionnement

Code-barres après 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 le plus étroit du code-barres, 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(la valeur par défaut est de 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")
VB   C#

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 sur les bords du code-barres sont éliminés, et l'élément le plus étroit ainsi que la hauteur du code-barres sont ajustés en fonction des valeurs des paramètres fournis à la méthode.

Code-barres avant ResizeToMil

Avant ResizeToMil

Code-barres après 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. Merci àDessin au ferironBarcode offre cette possibilité. En utilisant 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")
VB   C#
Code-barres avec couleur

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

IronBarcode offre également la possibilité d'ajouter et de styliser l'annotation du code-barres. Ici encore, le style des annotations est également facilité par la fonctionnalité de l'outilDessin au fer en ce qui concerne la modification de la couleur et de la police des annotations.

: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")
VB   C#
Code-barres coloré avec annotations

Comme extension de l'extrait de code précédent, nous instancions deux nouveaux objets IronSoftware.Drawing.Font pour servir de polices de caractères pour les annotations au-dessus et au-dessous du code-barres. Seule la Famille de polices est nécessaire à l'instanciation de 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 barre 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 un texte personnalisé au-dessus du code-barres.

    IronBarcode offre aux utilisateurs un large éventail de possibilités pour personnaliser et styliser leurs codes-barres, qui ne sont limitées que par l'imagination de chacun. Pour en savoir plus sur la personnalisation des codes QR, reportez-vous à "Comment personnaliser et ajouter des logos aux QR Codes".

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

Hairil Hasyimi Bin Omar

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.