如何将 CardPuter 转变为一款配备现代界面和日常使用必备应用的口袋型 PDA

我从2005年到2007年用过一台PDA(个人数字助理)，后来把它弄丢了。当我看到Cardputer时，立刻让我想起了那些旧式的PDA时代。自从拿到Cardputer的那天起，我就一直在思考这个项目。

终于，我开始动手了。这个项目目前仍在进行中(WIP)。并非所有应用都已完成，还有一些性能问题需要解决。我最终计划完成这个项目。

第一步：UI规划与设计

一开始，我有两个风格方向：一种是复古怀旧风格，另一种是现代移动应用风格。最终，我决定采用现代风格，并加入一些精美的动画效果。和往常一样，我更倾向于使用 Figma 来开始设计构思。

为了保持图标的一致性，我使用了SVG Repo。如果某个图标不符合我的设想，可以轻松地修改、组合或重新创建。这使得整体界面看起来更加统一。

第二步：将用户界面移植到微控制器

与步骤1相同，我更倾向于使用可视化编辑器来移植用户界面。目前有许多工具可供选择，例如Lopaka、SquareLine Vision & Studio、EEZ Studio、LVGL Pro等。对于本项目，我选择了EEZ Studio和LVGL，因为它们能让我更好地掌控UI设计，并帮助我达到所需的完美程度。

关于LVGL的状态样式，我在之前的帖子中已经解释了概念和实现方法。对于每个应用，我都创建了一个独立的屏幕，每个屏幕都包含该特定应用所需的全部UI元素。

第三步：编码与逻辑

在编码方面，我更倾向于使用 PlatformIO。我以模块化结构构建了这个项目，使代码更容易组织、维护，并能在未来的项目中重复使用。

您可以在 M5Burner 中找到首个版本，源代码则可在项目仓库中获取。

WIP 截图：

本文编译自hackster.io