Cómo personalizar y dar estilo a los códigos de barras

Hairil Hasyimi Bin Omar

6 de septiembre, 2023

Actualizado 10 de diciembre, 2024

Translated

View the article in English

A lo largo de los años, el uso de códigos de barras ha ido ganando popularidad y se utilizan en una amplia gama de aplicaciones, ya sea para almacenar datos, ID o URL de una página web. En algunas aplicaciones, los códigos de barras se hacen visibles para los productos, lo que ha provocado un aumento de la demanda de opciones para estilizar los códigos de barras. Por lo tanto, algunos tipos/codificaciones de códigos de barras han desarrollado su propia apariencia única, como PDF417, Aztec, IntelligentMail, MaxiCode, DataMatrix y muchos más.

Además de eso, IronBarcode ha desarrollado opciones para que los usuarios puedan darle más estilo a los códigos de barras, en el aspecto de los colores del código de barras, redimensionamiento del código de barras y colores de fondo. Esto es posible con la asistencia de nuestra biblioteca de código abierto, IronDrawing.

Empezar a utilizar IronBarcode

Comience a usar IronBarcode en su proyecto hoy con una prueba gratuita.

Primer Paso:

Cómo personalizar y dar estilo a los códigos de barras

Download the C# library to customize and style barcodes
Use el método ResizeTo para activar el re-renderizado sin pérdida
Utilice el método ResizeToMil para redimensionar el elemento del código de barras
Alterar los colores del código de barras y su fondo
Agregar anotaciones de código de barras arriba y abajo del código de barras

Redimensionar código de barras Ejemplo

Utilizar el método ResizeTo

Redimensionar un código de barras es un aspecto de personalización que los usuarios pueden lograr con IronBarcode. Para utilizar esta función, simplemente llame al método ResizeTo e ingrese las nuevas medidas de ancho y alto en píxeles (px) para el código de barras. Esta acción activará una nueva representación sin pérdidas del código de barras.

Atención

Los valores demasiado pequeños para que el código de barras sea legible serán ignorados.

: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

El método ResizeTo se puede invocar en el objeto GeneratedBarcode. A continuación se muestran las imágenes de código de barras generadas al ejecutar el fragmento de código anterior.

Antes de redimensionar

Después de redimensionar

Utilizar el método ResizeToMil

Otro aspecto del cambio de tamaño disponible en IronBarcode es el método ResizeToMil. A diferencia del método ResizeTo, este ajusta los siguientes componentes:

Elemento de código de barras: El ancho del elemento más estrecho del código de barras, medido en milésimas de pulgada (mil).
Altura: La altura del código de barras, medida en pulgadas (el valor predeterminado es 1 pulgada).
Resolución: puntos por pulgada (el valor predeterminado es 96 DPI).
Dicho esto, este método es especialmente adecuado para los códigos de barras 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

También puedes llamar a este método en el objeto GeneratedBarcode. En la imagen a continuación, verás los efectos de aplicar el método ResizeToMil: los espacios en blanco en los bordes del código de barras se eliminan, y tanto el elemento más estrecho como la altura del código de barras se ajustan según los valores de parámetros proporcionados al método.

Antes de ResizeToMil

Después de ResizeToMil

Cambiar el código de barras y el color de fondo

Una de las funciones más solicitadas para estilizar los códigos de barras es la posibilidad de cambiar tanto el color del código de barras como el del fondo. Gracias a IronDrawing, IronBarcode ofrece esta capacidad. Al utilizar ambos métodos ChangeBarCodeColor y ChangeBackgroundColor en el objeto GeneratedBarcode, los usuarios pueden modificar los colores del código de barras y su fondo. A continuación se muestra un sencillo fragmento de código que demuestra cómo conseguirlo.

: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

Ejemplo de anotación de código de barras

IronBarcode también tiene la opción de añadir y dar estilo a la anotación del código de barras. Nuevamente, el estilo para la anotación aquí también es asistido por la funcionalidad de IronDrawing en términos de edición del color y las fuentes de la anotación.

: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

Como una extensión del fragmento de código anterior, instanciamos dos nuevos objetos IronSoftware.Drawing.Font para servir como fuentes para anotaciones tanto arriba como debajo del código de barras. Solo la Familia de fuentes es necesaria para instanciar la fuente.

AddAnnotationTextAboveBarcode: Agrega texto de anotación personalizado sobre el código de barras.
AddBarcodeValueTextBelowBarcode: Agrega el valor del código de barras debajo del código de barras.
Estos dos métodos aceptan los mismos parámetros: los objetos IronSoftware.Drawing.Font, un objeto IronSoftware.Drawing.Color y la cantidad de espacio entre el código de barras y el texto. Además, el método AddAnnotationTextAboveBarcode requiere una cadena para el texto de la anotación, ya que añade texto personalizado sobre el código de barras.
IronBarcode ofrece una amplia gama de oportunidades para que los usuarios personalicen y estilicen sus códigos de barras, limitadas solo por su imaginación. Para obtener más información sobre cómo personalizar códigos QR, consulte "Cómo personalizar y añadir logotipos a códigos QR".

Hairil related to Ejemplo de anotación de código de barras

Hairil Hasyimi Bin Omar

Chatea con el equipo de ingeniería ahora

Ingeniero de software

Como todos los grandes ingenieros, Hairil es un ávido aprendiz. Está perfeccionando sus conocimientos de C#, Python y Java, y los utiliza para añadir valor a los miembros del equipo de Iron Software. Hairil se unió al equipo de Iron Software desde la Universiti Teknologi MARA de Malasia, donde se licenció en Ingeniería Química y de Procesos.