📚 模板设计器使用教程

🚀 快速开始

欢迎来到模板设计器！本教程将帮助您快速上手，创建您的第一个专业模板。

1. 启动应用

   双击运行 模板设计器.exe 文件，等待应用加载完成。您将看到一个简洁直观的设计界面。

   [应用启动界面截图]
2. 熟悉界面布局

   主界面分为三个区域：左侧工具栏（元素选择）、中间画布区域（设计工作区）、右侧属性面板（样式调整）。

   [界面布局截图]
3. 设置画布尺寸

   点击画布空白处，在右侧属性面板中设置合适的宽度和高度。建议根据您的打印需求设置尺寸（如A4: 210mm×297mm）。

   💡 专业建议

   开始设计前先确定画布尺寸，这样可以避免后期调整带来的布局问题。常用尺寸：A4(210×297mm)、A5(148×210mm)、自定义尺寸。

4. 添加背景（可选）

   如果需要背景图片，点击"添加背景图"按钮，选择本地图片文件。支持JPG、PNG格式。

   ⚠️ 注意事项

   背景图文件不宜过大，建议控制在2MB以内，以保证加载速度和性能。

🎨 基础设计操作

掌握基本的设计操作，创建您的第一个模板元素。

1. 添加元素

   从左侧工具栏选择元素类型（标签、报表标签、贴纸），点击后在画布上拖拽创建。

   🏷️

   标签

   静态文本元素，用于显示固定内容如标题、说明文字等。

   📊

   报表标签

   动态数据元素，支持{{字段名}}语法绑定数据源。

   🖼️

   贴纸

   图片元素，可添加图标、装饰图案等视觉元素。

2. 调整位置和大小

   选中元素后，可以拖拽移动位置，拖拽边框调整大小。精确数值可在右侧属性面板中输入。

   💡 快捷键

   按住 Shift 键拖拽可以保持元素比例；按住 Alt 键可以从中心调整大小。

3. 设置样式属性

   在右侧属性面板中，可以调整以下样式属性：

   • 字体设置：字体大小、颜色、粗细、字体族
   • 背景样式：背景颜色、透明度
   • 边框样式：边框宽度、样式、颜色、圆角
   • 位置尺寸：精确的位置坐标和尺寸设置
4. 复制和删除

   选中元素后，按 Ctrl+C 复制，Ctrl+V 粘贴，Delete 键删除。

5. 预览效果

   点击"预览"按钮查看最终效果，确保设计符合预期。

   [预览功能截图]

🔗 数据绑定功能

学习如何使用动态数据绑定，创建可复用的智能模板。

1. 创建报表标签

   选择"报表标签"工具，在画布上创建元素。报表标签支持动态数据绑定。

2. 设置数据字段

   在属性面板的"字段"输入框中，输入数据字段名，如：姓名、日期、金额等。

   {{姓名}} 或 {{日期}} 或 {{金额}}
3. 设置值类型

   根据您的数据类型，选择合适的值类型：

   📝

   文本

   普通文本内容，保持原样显示

   🔢

   数字

   数值类型，支持格式化显示

   📅

   日期

   自动识别和转换日期格式

   💰

   货币

   货币金额，自动添加符号

   📊

   百分比

   百分比数值，自动转换显示

4. 智能日期处理

   系统会自动识别多种日期格式：

   支持格式： • 2024-12-17 或 2024/12/17 • 2024年12月17日 • Excel日期序列号 (如：45247) • 时间戳格式

   💡 智能识别

   无需手动设置，系统会自动识别日期格式并进行适当转换，确保正确显示。

⚙️ 高级功能

掌握高级功能，让您的模板更加智能和专业。

1. 文本截取功能

   对于长文本内容，可以使用文本截取功能：

   ◀️

   左边

   取文本左侧指定长度字符

   ▶️

   右边

   取文本右侧指定长度字符

   ⏺️

   中间

   取文本中间指定位置和长度的字符

   🔤

   首字符

   取文本的第一个字符

   🔚

   尾字符

   取文本的最后一个字符

   示例： 原始文本："中华人民共和国" 左边(3)："中华人民" 右边(3)："共和国" 中间(2,3)："人民共" 首字符："中" 尾字符："国"
2. 设置截取参数

   在属性面板中设置截取类型和参数：

   • 截取类型：选择需要的截取方式
   • 截取长度：设置要截取的字符数量
   • 起始位置：中间截取时设置开始位置
3. 画布设置优化

   根据使用场景设置合适的画布参数：

   💡 场景建议

   打印标签：建议设置实际打印尺寸，如50×30mm
   A4文档：设置为210×297mm，留好边距
   证件照：根据标准尺寸设置，如35×45mm

💾 模板导入导出

学习如何保存和复用您的模板设计。

1. 导出模板

   完成设计后，点击"导出模板"按钮，系统会生成JSON格式的模板文件。

   [导出模板界面截图]

   💡 导出内容

   模板文件包含：画布尺寸、背景图片、所有元素的位置和样式、数据绑定设置、高级功能配置。

2. 保存模板文件

   选择保存位置，为模板文件命名（建议使用描述性名称，如"员工工卡模板.json"）。

3. 导入模板

   点击"导入模板"按钮，选择之前保存的JSON文件，系统会自动加载所有设置。

   [导入模板界面截图]
4. PDF导出

   设计完成后，点击"生成PDF"按钮，系统会生成高质量的PDF文件。

   ⚠️ 导出注意

   确保所有元素都在画布范围内，避免内容被裁剪。PDF会保持设计的精确布局和样式。

5. 打印设置

   生成的PDF文件可以直接打印，建议在打印设置中选择"实际大小"，避免缩放导致位置偏移。

🔧 常见问题解决

遇到问题时，请参考以下解决方案。

🎉 使用技巧总结