组件全解：文本 / 条码 / 图片 / 形状

软件教程 admin 2026-08-24 16:23 16 0

上一篇我们用文本、条码、二维码做了第一张标签。但设计器左侧工具箱里远不止这三种组件——本篇把全部 10 种组件逐一拆解，让你理解每种组件的用途、属性和使用技巧。

设计器左侧工具箱

组件总览：10 种组件各司其职

打开设计器后，左侧面板列出了所有可用组件。按功能分为三类：

  • 文字类：文本（单行）、多行文本（段落）

  • 编码类：条码（一维码）、二维码（QR码）

  • 图形类：矩形、椭圆、直线、图片、形状、表格

📝 小技巧：鼠标悬停在组件按钮上会显示简要说明。点击按钮后，组件会自动添加到画布中央，你可以再拖动到想要的位置。

文本组件：最常用的文字载体

文本组件用于显示单行文字，比如品名、型号、日期、批号等。它是所有标签里用得最多的组件。

添加文本 —— 点击左侧「+ 文本」按钮，画布中央会出现一个写着「文本」的方框，周围有 8 个控制点。
修改内容 —— 保持文本被选中（边框高亮），看右侧面板的「内容」输入框。删除默认文字，输入你想显示的内容，比如 不锈钢垫片 M8。画布上的文字会实时更新。
调整字号 —— 在右侧面板找到「字号」输入框。默认是 24pt，改成 14 试试——文字明显变小了。字号越大，打印出来的字越大。
选择字体 —— 「字体」下拉菜单会列出你电脑上安装的所有字体。中文字体推荐用「微软雅黑」或「黑体」，英文字体推荐 Arial 或 Times New Roman。
对齐方式 —— 三个按钮分别代表左对齐、居中、右对齐。当文字宽度小于组件框宽度时，对齐方式才有效果。
旋转角度 —— 在属性面板底部有旋转选项。0°是正常的横排文字，90°会让文字竖排（从下往上读），180°倒立，270°竖排（从上往下读）。
⚠️ 注意：拖动组件时，如果拖的是边框外部，会移动整个组件；拖控制点（小方块）会缩放组件。先单击选中，再拖动内部区域。

条码组件：让机器读得懂

条码（Barcode）是用黑白相间的条纹来表示数据的图形编码。扫码枪扫的就是条码。不同行业用不同的码制（编码规则），选错了码制，扫码枪可能读不出来。

添加条码 —— 点击「+ 条码」，画布出现一个条码图案。
选择码制 —— 右侧面板的「码制」下拉菜单是关键。最常用的是 CODE_128，它支持所有 ASCII 字符，通用性最强。如果你做的是超市商品，用 EAN_13（需要 13 位数字）。如果是外箱物流码，用 ITF_14（14 位数字）。
输入内容 —— 在「内容」框输入条码数据。注意：不同码制对数据格式有严格要求！CODE_128 最宽松，EAN_13 必须是 13 位纯数字，输错会报错或显示异常。
显示人读 —— 打开「显示人读」开关，条码下方会印出数字/字母。这样即使扫码枪坏了，人眼也能核对。生产环境强烈建议开启。
调整高度 —— 「高度」参数控制条纹的纵向长度。太矮了扫码枪可能扫不到，建议至少 15mm。

条码组件示例

二维码组件：信息量更大

二维码（QR Code）比条码能存更多信息——可以存网址、中文、甚至图片链接。手机摄像头就能扫。

添加二维码 —— 点击「+ 二维码」，画布出现一个正方形的二维码图案。
输入内容 —— 在「内容」框输入数据。可以是纯文本（HELLO）、网址（https://www.ebarcode.cn）、甚至 WiFi 配置信息。
纠错级别 —— 这是二维码特有的属性。级别越高，二维码越密，但即使被遮挡一部分也能扫出来。L（7%）适合二维码大且不磨损的场景，H（30%）适合印刷品或易磨损场景。一般用 M（15%）就够了。
缩放 —— 拖动角上的控制点可以等比缩放二维码。缩放不影响扫码效果，但太小了手机可能扫不到，建议边长不小于 15mm。

矩形组件：边框和色块

矩形是最简单的图形组件，常用于做标签的边框、分区背景或装饰色块。

  • 填充色：矩形内部的颜色。点颜色块打开取色器，选「无填充」则内部透明。

  • 边框色：矩形轮廓的颜色。设为与填充色相同就看不到边框了。

  • 边框宽度：设为 0 则无边框。设为 2-3px 会有明显的边框线。

  • 圆角：让直角变圆角。值越大越圆，设为 0 是标准直角。

📝 实用场景：在标签顶部放一个蓝色矩形色块，上面放白色文字（品名），这是工业标签的经典布局。

椭圆组件：圆形和椭圆

椭圆组件可以画圆形或椭圆形。常用场景：印章、装饰图案、圆形标签。

  • 属性和矩形类似：填充色、边框色、边框宽度

  • 拖动控制点时按住 Shift 键可以画正圆

直线组件：分割线

直线用于在标签上画分隔线，把不同区域分开。

  • 颜色：线条颜色，通常用灰色或黑色

  • 宽度：线粗，1-2px 就够了

  • 样式：实线（默认）、虚线、点线。虚线适合做裁切线

图片组件：LOGO 和图标

图片组件可以上传自己的图片，比如公司 LOGO、产品图标、二维码图片等。

添加图片 —— 点击「+ 图片」，画布出现一个空的图片框。
上传图片 —— 在右侧面板点「选择图片」按钮，从电脑选择图片文件。支持 PNG、JPG、BMP、SVG 格式。
缩放调整 —— 拖动角上的控制点等比缩放。图片放大后不会模糊（矢量图如 SVG），位图（PNG/JPG）放太大会模糊，建议用高分辨率原图。

形状和表格：高级图形

  • 形状：预置了箭头、星形、对话框等矢量图形。适合做装饰或特殊标记。

  • 表格：可以创建多行多列的数据表格。适合需要对齐显示多组数据的场景（如产品参数表）。


image.png

组件操作技巧

  • 选中组件：单击组件，边框出现 8 个控制点表示已选中

  • 多选：按住 Shift 键依次点击，或在画布上拖出选框

  • 删除：选中后按 Delete 键或 Backspace 键

  • 复制：Ctrl+C / Ctrl+V，或点工具栏的「复制」「粘贴」

  • 层级调整：右键菜单 → 上移一层 / 下移一层。多个组件重叠时，上层会遮挡下层

  • 锁定：选中组件后点「锁定」，防止误操作移动

  • 对齐：选中多个组件后，点「全选」→ 工具栏会出现对齐按钮（左/中/右/上/中/下）

⚠️ 常见错误：组件拖不动？先检查是否被锁定了（属性面板底部有锁定开关）。组件看不到？可能被其他组件遮挡了（调整层级）。


热门文章

最近发表

文章归档

标签列表