导读：使用 TotalCross 来快速构建嵌入式系统程序的用户界面。
本文字数：6070，阅读时长大约：7分钟
LCTT 译者 ：CoWave Fall
翻译： 1.0 篇
|
贡献： 1 天
2022-05-20
2022-05-20
https://linux.cn/lctt/CoWave-Fall
从头开始构建 GUI 是一个非常耗时的过程，以硬编码的方式处理所有的位置和对齐对于一些程序员来说确实很困难。所以在本文中，我将演示如何使用 XML 加快这一过程。
本项目使用TotalCrossopensource.com作为目标框架。TotalCross 是一个开源的跨平台软件开发工具包（SDK），旨在更快地为嵌入式设备创建 GUI。TotalCross 无需在设备上运行 Java 即可提供 Java 的开发优势，因为它使用自己的字节码和虚拟机（TC 字节码(TC bytecode)和 TCVM）来增强性能。
我还使用了 Knowcode-XML，这是一个用于 TotalCross 框架的开源 XML 解析器，它可以将 XML 文件转换为 TotalCross 组件。
项目需求
要重现此项目，你需要：
◈KnowCode-XMLgithub.com
◈ 适用于你的开发平台（Linuxopensource.com、Macopensource.com或Windowsadoptopenjdk.net）的 Java，需要 Java 11（或更高版本）
◈Gitopensource.com
制作嵌入式应用程序
该应用程序由一个具有扫描、打印和复印等基本打印功能的嵌入式 GUI 组成。
打印机初始化画面
构建这个 GUI 需要几个步骤，包括使用 Android-XML 生成 GUI，然后使用 Knowcode-XML 解析器在 TotalCross 框架上运行它。
1、生成 Android XML
要创建 XML 文件，首先构建一个简单的 Android 屏幕，然后对其进行自定义。如果你不知道如何编写 Android-XML，或者你只是想简单尝试一下，你可以从这个GitHub 项目github.com中下载这个应用程序的 XML。该项目还包含渲染 GUI 要用到的图片。
2、调整 XML
生成 XML 文件后，你需要进行一些微调以确保所有内容都已经对齐、比例正确并且图像的路径正确。
将 XML 布局添加到 文件夹，将所有资源添加到 文件夹。然后你就可以开始自定义 XML 了。
例如，如果想要更改 XML 对象的背景，可以更改 属性：
你也可以使用 和 更改对象的位置：
或者使用 和 更改对象的大小：
如果要在对象上放置文本，可以使用 、、 和 ：
下面是一个完整的 XML 对象的示例：
3、在 TotalCross 上运行 GUI
完成所有 XML 调整后，就可以在 TotalCross 上运行它了。在 TotalCross 扩展（LCTT 译注：在 VSCode 里面）上创建一个新项目，并将 和 文件夹添加到 文件夹里。如果你仍然不确定如何创建 TotalCross 项目，请参阅我们的入门指南totalcross.com。