Widgetter for Mac 是一款专为 macOS 系统设计的桌面小组件（Widget）创作与编辑工具。它允许用户无需编写代码，通过直观的可视化界面，设计、定制并管理在通知中心或桌面上显示的各类信息小组件。本指南将详细介绍其核心界面、完整工作流程及实用技巧。

一、核心界面与工作区详解

启动 Widgetter 后，主界面主要分为四个核心区域：

顶部菜单栏与工具栏：包含标准文件、编辑、视图菜单，以及用于快速添加元素（如文本、图片、形状）、调整图层和对齐的图标按钮。
左侧“资源与模板”面板：提供预设的小组件模板（如天气、日历、系统状态）、图形素材库（图标、背景）和用户导入的自定义资源。
中央“画布编辑区”：模拟小组件实际显示效果的编辑区域。支持直接拖拽、缩放、旋转画布上的元素，并实时预览不同尺寸（小、中、大）下的适配情况。
右侧“属性检查器”面板：这是核心控制区。当选中画布上的任一元素（或画布本身）时，此处会动态显示其详细属性，包括：
- 样式：颜色、字体、边框、阴影、不透明度。
- 布局：位置坐标、尺寸、旋转角度、约束条件。
- 数据绑定：将元素内容动态链接到系统数据源（如日期、电池电量、网络信息）或自定义数据。

二、完整操作流程：从创建到导出

方法：启动软件后，在欢迎窗口点击 “新建项目”，或通过菜单栏 “文件” → “新建”（快捷键 Cmd + N）。

位置：在新建对话框中，需选择小组件类型（如“通知中心小组件”）和初始尺寸模板。

添加背景：从左侧资源库拖拽一个“形状”或“图片”到画布。在右侧属性检查器中，调整其填充颜色或图片源，并将其锁定为底层（右键点击元素 → “锁定”）。
添加动态文本：从工具栏点击“文本工具”（T图标）在画布上点击。在右侧面板的“数据”选项卡中，点击“绑定”，选择数据源如“日期与时间” → “当前时间”，并设置格式（如 HH:mm）。
添加系统图标：从左侧“系统图标”库中，拖拽“电池”图标到画布。在属性检查器的“数据”中，将其绑定到“系统状态” → “电池电量”。图标将自动根据电量百分比变化。
排列与对齐：按住 Shift 键多选多个元素，使用顶部工具栏的“对齐”工具（如居中对齐、水平分布）进行精确排版。

方法：点击画布上方的设备预览按钮（如 iPhone、Mac），或使用菜单栏 “视图” → “实时预览”（快捷键 Cmd + R）。

预览窗口会模拟小组件在实际设备上的显示效果，并动态更新绑定的数据。务必测试不同尺寸下的布局是否正常。

方法：设计完成后，点击菜单栏 “文件” → “导出”（快捷键 Cmd + E）。

位置与选项：在导出对话框中：

导出的包文件可通过 Widgetter 的“管理”功能直接加载到系统通知中心，或与其他用户分享。

图层高效管理：使用 Cmd + [ 和 Cmd + ] 快速上下移动选中图层的堆叠顺序。对于复杂项目，使用“图层列表”（Cmd + L 调出）进行分组和显隐控制。
数据条件格式化：在数据绑定设置中，可以添加“规则”。例如，为电池电量文本绑定后，添加规则“当电量低于20%时，将文本颜色设置为红色”。这能极大增强小组件的交互性。
使用自定义脚本：对于高级用户，可以在元素的“数据”属性中选择“脚本”，输入简短的 JavaScript 代码来获取或处理更复杂的数据，实现高度定制化。
全局样式与变量：在“项目设置”（Cmd + ,）中定义颜色、字体变量。在设计时引用这些变量，可以一键统一修改整个项目的视觉风格。

问题现象	可能原因	解决方案
导出的组件在通知中心不显示或显示为空白。	1. 数据源权限未授权。 2. 小组件尺寸与画布设置不匹配。	1. 检查系统设置 → 隐私与安全性 → 确保 Widgetter 有权限访问所需数据（如位置、日历）。 2. 在项目设置中核对并调整画布尺寸为标准小组件尺寸。
动态数据（如天气）不更新。	1. 网络连接问题。 2. 数据刷新间隔设置过长。	1. 确认网络正常。 2. 在绑定数据源的属性中，检查并缩短“刷新间隔”时间。
软件运行卡顿，操作延迟。	1. 项目过于复杂，元素过多。 2. 软件版本过旧。	1. 尝试将不直接编辑的图层暂时隐藏或锁定。 2. 检查并更新至最新版本的 Widgetter。
无法对齐多个元素。	画布缩放比例过大或过小，导致吸附对齐功能失效。	使用快捷键 `Cmd + 0` 将画布缩放重置为100%，再使用对齐工具。