在前一篇 《DIY USB 电流表（7）：读取和显示 INA219 电流电压数据》 中，我们已经基本完成了这个 DIY USB 电流表的核心功能开发，已经可以在屏幕上显示当前电源输入电压、负载的电流、功率以及累计电量等数据，如果不需要更多功能，已经可以结项了 😃。

但是如果想拿这个 USB 电流表在一些分析场景使用，那么还需要再增加一些功能，例如，是否可以通过这个 USB 电流表来记录给手机充电时的功率曲线，这样可以知道手机的快充是什么样的节奏来完成充电的。

这次我们就来完成这个功能，记录负载的功率历史，并绘制成曲线来显示功率趋势。

PS. 我也还是一个初学者，如果文章中有一些错误或不足，还请多多指教。

准备工作

在开始绘制功率曲线之前，同样有一些准备工作需要进行，例如在多了一个功率曲线页面之后，原来的电压数据页面怎么办，怎么切换多个页面？

在最早的功能设计中，我们已经给这个 DIY USB 电流表添加了两个按键，现在就可以通过这两个按键来完成页面切换操作了。

按键检测

按键原理图

在原理图中可以看到，两个按键已经接到 CH32V003 的 PD2、PD3 引脚，在初始化代码中，加上初始化两个引脚为输入模式。

按键状态结构体

为了维护按键的状态，我们先定义一个结构体来维护状态。在 ButtonState 结构体中，定义了一个 ts 字段，这个用来记录按键状态变化时的时间戳，这样可以在状态变化时，例如从低电平变化为高电平时，计算出来按键按下去的持续时间，如果超过 3000 毫秒，就认为是长按事件。

#pragma once

#include "drivers/clock.h"
#include "drivers/gpio.h"

#define BTN_LEFT    0
#define