我用 ArkTS 做了个精力管理 App，把自己当电池来记录状态

先看效果：一个极简的精力电量曲线

想象一下你的手机状态栏里那个电池图标——现在把它变成你自己的精力指示器。每次开会扣 20 格电，午觉充回 30 格，一天结束看看曲线就知道精力都花哪了。

这就是我做的「元気手账」，一个跑在 HarmonyOS NEXT 上的精力记录工具。用 ArkTS + ArkUI 写的，纯本地存储，交互尽量压到两秒内完成一次记录。

动机：市面上的工具对我来说都太"重"

之前试过各种情绪记录、时间管理的 App，要么让我写一大段日记，要么让我给心情打 1-10 分。反正我坚持不了三天。

后来想明白了一件事：我不需要记录"心情"，我需要记录"电量"。这个隐喻特别好使——"开会耗电"比"开会让我情绪低落"说起来轻松多了，记录的心理门槛直接降了一大截。

iOS 版先做完，今年把鸿蒙版搞了出来。身边用 HarmonyOS 的朋友问过好几次"有没有鸿蒙版"，问多了就动手了。

核心数据模型：一个 delta 搞定

每条记录就是一个事件标题加一个正负数值。正数充电，负数耗电。每天初始基准值 50，所有 delta 累加就是当前电量。

鸿蒙版的记录结构：

@Observed
class EnergyRecord {
  id: string
    title: string = ''
      delta: number = 0
        timestamp: number = new Date().getTime()
          projectId?: string
  constructor(title: string, delta: number, projectId?: string) {
      this.id = util.generateRandomUUID()
          this.title = title
              this.delta = delta
                  this.timestamp = new Date().getTime()
                      this.projectId = projectId
                        }
                        }
                        ```
id 只在构造函数里生成一次，其他字段都有默认值兜底——这是 ArkTS 里 @Observed 类的常规写法，属性必须有初始值，构造函数里再覆盖实际业务值。

数据全部用 @ohos.data.relationalStore 存在本地。精力数据挺私密的，我不想让用户有"这东西会不会传到云上"的顾虑。

## 快捷动作条：把记录成本压到两秒

这是我最满意的设计。用户可以预设常用动作（比如"开会 -20"、"午觉 +30"），横向滚动条一键点击就完成记录：

```arkts
@Component
struct QuickActionStrip {
  @StorageLink('quickActions') actionList: QuickAction[] = []
  build() {
      Scroll() {
            Row({ space: 8 }) {
                    ForEach(this.actionList, (item: QuickAction) => {
                              Button(item.title)
                                          .onClick(() => {
                                                        this.addRecord(item.title, item.delta, item.projectId)
                                                                    })
                                                                                .fontSize(14)
                                                                                            .height(36)
                                                                                                    })
                                                                                                          }.padding({ left: 16, right: 16 })
                                                                                                              }.scrollable(ScrollDirection.Horizontal)
                                                                                                                }
                                                                                                                }
                                                                                                                ```
如果记录一次精力变化要打开 App → 选分类 → 输入数字 → 点保存，那这类工具就没人用。两秒完成，才有可能坚持一个月。

## 方舟项目：精力归属追踪

每条记录可以关联一个"方舟项目"——比如"工作"、"健康"、"学习"。一周下来能看到各项目的精力占比。

饼图部分我没用三方库，直接用 ArkUI 的 Canvas 组件自绘的。说实话画一个饼图不难，但要做好动画过渡和触摸交互还是费了点功夫。目前这块 UI 还比较粗糙，项目有等级和经验值机制（投入越多等级越高），但视觉表现还没打磨到位。

## 开发踩坑

**列表性能**：时间轴要渲染一天所有记录带动画电量条。一开始直接 ForEach 全量渲染，滑动卡顿明显。换成 LazyForEach + IDataSource 之后解决了。从 SwiftUI 过来的同学注意——SwiftUI 的 List 默认懒加载，ArkUI 的 ForEach 不是。

**动画差异**：ArkUI 的动画 API 和 SwiftUI 差别挺大。SwiftUI 里一个 `.animation(.spring())` 搞定的事，ArkUI 里要显式用 animateTo 包裹状态变化，刚开始不习惯，写了几天就顺了。

## 我自己用了两个月的发现

- 周二下午固定低电量。后来把周二的重要会议挪到上午，体感好了很多
- - "写代码"对我来说居然是充电的（+10），而"review 别人的代码"是耗电的（-15）
- - 连续三天电量 30 以下，大概率要感冒
这些规律不记不知道，记满一个月特别明显。

## 目前状态和下一步

鸿蒙版 1.2.0 已上架华为应用市场，搜"元気手账"能找到。下载量说实话还很少，工具类 App 在鸿蒙上被用户发现的路径还是偏长。

我现在在考虑做 HarmonyOS 服务卡片——在桌面放一个 2×2 的卡片，显示当前电量，点一下直接弹出快捷动作条完成记录，整个过程不用进 App。

所以想问问各位：**你们觉得用服务卡片做快捷记录这个方向靠谱吗？** 还是说卡片更适合纯展示，交互应该留在 App 内？有做过服务卡片的同学欢迎说说经验。