为Blazor的Telerik UI?下载30天免费试用

Blazor条形码概述

Blazor条码组件以机器可读格式表示数据。它支持几种不同的编码标准。

所有的图形都在客户端上使用可缩放向量图形(SVG)

创建Blazor条码

  1. 添加TelerikBarcode标记将组件添加到剃须刀页面。

  2. 设置价值财产。

  3. 设置高度而且宽度属性。

  4. 可选地,选择类型(其中一个我们支持的编码).

    • 它的默认编码是Code39

Telerik Barcode的基本配置

 

编码

编码表示消息和条形码之间的映射。阅读有关支持的Blazor条形码编码的更多信息

方法

通过它的引用可以访问Barcode方法。

  • 刷新-重绘组件。

获取对Barcode的引用并使用其方法

这段代码展示了Refresh()方法的示例用法。*@ 改变大小! 



@code{Telerik.Blazor.Components.TelerikBarcode TelerikBarcodeRef {get;设置;}字符串高度{get;设置;} = "200px";字符串宽度{获取;设置; } = "300px"; public void ChangeSize() { Height = "400px"; Width = "500px"; } }

参数

Blazor Barcode提供了各种参数,允许您配置组件:

参数 类型 描述
RenderAs RenderingMode枚举
Svg
定义首选呈现模式- svg/canvas。
校验和 保龄球 通过将其设置为true, Barcode将在文本区域的值旁边显示校验和数字。
类型 BarcodeType枚举
Code39
定义条形码将使用的符号(编码)- (支持的编码的完整列表
价值 字符串 定义条码的初始值。
宽度 字符串
高度 字符串
字符串 将在Barcode组件的主包装元素上呈现的CSS类。
背景 字符串
颜色 字符串 定义栏元素的颜色。

BarcodeText参数

嵌套的BarcodeText标记公开自定义Blazor Barcode文本外观的参数:

参数 类型 描述
颜色 字符串
字体 字符串
BarcodeTextMargin 对象
BarcodeTextMargin。底
BarcodeTextMargin。左
BarcodeTextMargin。正确的
BarcodeTextMargin。前
可见 保龄球
真正的
如果,条码将不会将值显示为条码行以下的文本。

BarcodeBorder参数

嵌套的BarcodeBorder标签公开参数,使您能够自定义Blazor Barcode边框的外观:

参数 类型 描述
颜色 字符串
DashType DashType枚举
固体
宽度

BarcodePadding参数

嵌套的BarcodePadding标签公开参数,使您能够自定义Blazor条形码的外观:

参数 类型 描述
正确的

下一个步骤

探索条形码编码

另请参阅

在本文中
Baidu
map