嵌入式设备的GUI设计工具

Question

我正在寻找一组工具来帮助我为资源有限的嵌入式设备设计 GUI

嵌入式设备概览：

1. 运行c代码
2. 具有外部 EEPROM
3. 有 16 个字符的 lcd（不是 iphone）
4. 有键盘
5. 内存有限（不能包含内存中的所有 gui 数据）和计算资源

GUI 概览：

1. DAG（有向无环图）具有根节点（主菜单）的小部件
2. 简单的小部件类型：菜单、组合框、旋转框、文本字段、密码、向导，

我正在寻找一种工具，可以让我以图形方式设计 GUI

• 定义小部件。每个小部件的大致特征是
  • 类型（菜单、组合框、旋转框密码等）。
  • 小部件特定字段
  • 儿童小部件（0 个或更多）
  • 自定义/用户定义字段
    • 回调
    • EEPROM 地址
• 小部件之间的链接
  • 例如菜单和儿童

GUI 设计工具将生成一种中间格式 (YAML/XML)，由脚本（我将编写）翻译成 C 代码。

2 路翻译工作会很好（但不是强制性的）（反向脚本（我将编写）将 C 代码翻译成中间格式，以便由图形 GUI 设计工具成功读取和编辑)。

GUI 设计工具不需要花哨（例如，在简单的嵌入式设备中，没有小部件放置、布局、多点触控或窗口的概念），但它确实需要向我展示

• 每个小部件的（可展开/可折叠）字段列表
• 小部件层次结构（不是严格的层次结构，因为小部件可能是一个 DAG）

请在您的回答中包括以下内容：

• 设计工具
• 设计工具输出（输入）格式的链接
• 自定义字段如何由设计工具导出/导入到设计工具的示例

Answer 1

我猜（虽然我可能是错的）这样的事情不存在。你有一个相当定制的场景，所以我想如果你想要这种功能，你必须编写自己的工具。

您最好只使用一个好的 XML 编辑器（想到新版本的 Visual Studio），设置一个稳健的架构（以启用智能感知/自动完成/等）。您将能够看到层次结构，你可以随意折叠东西，还有错误检查等等。