2主界面导览——认识你的工作台
第一次打开软件时,你会看到一个分为好几个区域的大窗口。别慌,我们来逐一认识它们。
2.1 整体布局
🖥️ 【示意图:阿标标签设计器主界面】
从上到下依次为:标题栏 → 菜单栏 → 工具栏 → 中央工作区(左:组件箱 / 中:画布 / 右:属性)→ 状态栏
从上到下依次为:标题栏 → 菜单栏 → 工具栏 → 中央工作区(左:组件箱 / 中:画布 / 右:属性)→ 状态栏
┌──────────────────────────────────────────────────────┐ │ 📌 标题栏 —— 显示文件名 + 软件名 [—] [□] [×] │ ├──────────────────────────────────────────────────────┤ │ 文件 | 编辑 | 视图 | 数据 | 打印 | 帮助 │ ← 菜单栏 ├──────────────────────────────────────────────────────┤ │ 📎 工具栏:新建 打开 保存 撤销 重做 打印 预览 ... │ ├──────┬────────────────────────────┬───────────────────┤ │ 左侧 │ 中央画布 │ 右侧属性面板 │ │ 组件 │ ┌──────────────────┐ │ 位置与大小 │ │ 工具箱 │ │ 标签1 | 标签2 │ │ 外观 │ │ (拖拽 │ │ │ │ 文字格式 │ │ 组件 │ │ 所见即所得的 │ │ 数据绑定 │ │ 到画布)│ │ 设计区域 │ │ 高级 │ │ │ └──────────────────┘ │ │ ├──────┴────────────────────────────┴───────────────────┤ │ 状态栏:缩放 100% | 模板尺寸 100×60mm | 鼠标坐标 │ └──────────────────────────────────────────────────────┘
2.2 各部分详细介绍
① 标题栏(最顶部)
- 显示当前正在编辑的标签文件名(比如"我的第一个标签.iba")
- 右侧三个按钮:— 最小化窗口、□ 最大化/还原、× 关闭程序
- 你可以按住标题栏的空白区域拖拽移动窗口位置
💡 注意:如果文件名后面有个 * 号(比如"标签文件.iba *"),说明你有未保存的修改。
② 菜单栏
菜单栏分成了 6 个分类,每个分类下面都有对应的功能:
| 菜单 | 里面有什么? |
|---|---|
| 文件 | 新建标签、打开已有文件、保存、另存为、关闭当前标签、退出程序 |
| 编辑 | 撤销上一步、重做、剪切、复制、粘贴、删除、全选、查找替换文字 |
| 视图 | 放大/缩小、显示/隐藏网格、对齐到网格、显示/隐藏标尺、切换标尺单位 |
| 数据 | 连接数据库、导入 Excel/CSV、管理触发器和数据源 |
| 打印 | 打印设置、打印预览、直接打印、打印队列 |
| 帮助 | 查看版本信息、切换界面语言(支持 10 种语言) |
③ 工具栏(菜单栏下方)
工具栏分为两行:
- 主工具栏:最常用的操作按钮——新建、打开、保存、撤销、重做、剪切、复制、粘贴、删除、打印、预览
- 格式工具栏:选中文字类组件后,可以在这里设置字体、字号、粗体(B)、斜体(I)、下划线(U)、对齐方式、文字颜色、Z 顺序(谁在上谁在下)、锁定
④ 组件工具箱(左侧)
这里列出了所有可以添加到标签上的"零件"——文字、条形码、二维码、图片、表格等等。每个零件就是一个组件。
要使用它们,非常简单:用鼠标按住一个组件,拖拽到中间的画布上,松开鼠标,它就出现在画布上了。
⑤ 设计画布(中央)
这就是你设计标签的地方。画布上显示的就是标签打印出来时的样子——所以叫"所见即所得"。
- 可以同时打开多个标签,每个标签一个"标签页"(像浏览器标签页一样)
- 画布上有网格(帮助你对齐组件)和标尺(帮你确定尺寸位置)
- 用鼠标可以拖拽移动组件、拖拽边缘调整大小
⑥ 属性面板(右侧)
当你选中画布上的某个组件时,这里会显示这个组件的所有可调整属性。比如选中一个文字组件,你可以在这里改字体、改颜色、绑定数据等等。属性分成了 5 个分类(位置、外观、文字、数据、高级),我们会在第 5 章详细介绍。
⑦ 状态栏(最底部)
显示一些有用信息:
- 缩放比例:当前的放大倍数(比如 100% 就是原始大小)
- 页码:当前是第几页 / 总共有几页
- 模板尺寸:标签的大小(比如 100 × 60 mm)
- 鼠标坐标:鼠标在画布上的当前位置
- 选中组件:当前选中了哪个组件