【STM32H7S78-DK】测评+TouchGFX显示曲线

dql2016

【STM32H7S78-DK】测评+TouchGFX显示曲线 [复制链接]

TouchGFX带有丰富的曲线控件，十分方便展示数据动态过程，通过曲线的高速刷新显示，也能体现STM32H7S78强大的图形性能。如下图，选中动态曲线控件，添加到屏幕中：

 

动态曲线行为选择向左滚动刷新，点数100，数据范围0~3300,ADC采集模拟电压的范围：

打开水平、垂直分割线的显示：

 

 

再添加一个文本显示区域用于显示实时数据：

 

文本显示采用通配符形式<value>，这样在程序中能够动态的更新显示内容：

 

添加wildcard，添加初始显示值和缓存大小：

 

同样的方法再添加几个文本显示区，adc用于显示ADC实时采集电压，rms用于显示采集1024点计算的均方根值，time用于显示计算rms值消耗的时间，RMS计算采样CMSIS-DSP库，这样评估STM32H7S78的DSP性能：

 

通过TouchGFX官网资料可以知道TouchGFX使用的是MVP框架，在MVP框架中所有数据仅能保存在称为 Model 的类对象中，Presenter是视图（View）与Model之间的纽带，View只能通过Presenter来读取数据。MVP框架所有需要保存的数据必须再Model 的类对象。View不能直接读写Model中的数据，必须得通过Presenter来操作，所以先要在Presenter中实现对数据的读写，在ScreenPresenter.hpp中添加读写函数。

在Model.cpp tick中添加模拟产生正弦曲线数据：

void Model::tick()
{
    static uint32_t cnt = 0;
    static time_t raw_time = 1671459593;
    ++cnt;
    if (cnt % 60 == 0)
    { /* Simple counter increase */
        ++raw_time;
    }
    if (raw_time != last_time)
    {
        last_time = raw_time;
        current_dt = *gmtime(&raw_time); /* Simple gmtime calculation */

        /* Notify active presenter */
        modelListener->notifyNewDateTime(¤t_dt);
    }
    {
        double temp;

        //if (cnt % 2 == 0)
        {
            /* Calculate temperature manually */
            temp = 0;
            for (size_t i = 1; i <= this->sinus_count; i += 2)
            {
                temp += sin(2.0 * 3.1415 * (20 * i) * cnt * 20) * (48 / i) + (i == 1 ? 50 : 0);
            }
            temp=temp*10+500;
            modelListener->notifyNewTemp((float)temp);
        }
    }
}

在Screen1Presenter.cpp中添加实现：

void
Screen1Presenter::notifyNewTemp(float temp) {
    view.setTemp(temp);
}

在Screen1View.cpp中添加刷新数据到曲线，更新文本显示：

void Screen1View::setTemp(float temp)
{
	dynamicGraph1.addDataPoint((int)temp);//更新曲线点数据

	Unicode::snprintfFloat(textArea1Buffer, TEXTAREA1_SIZE, "%2.3f", float(12.556));
	textArea1.invalidate();//更新文本显示区1

	Unicode::snprintfFloat(textArea2Buffer, TEXTAREA2_SIZE, "%2.1f", float(12.5));
	textArea2.invalidate();//更新文本显示区2

	Unicode::snprintf(textArea3Buffer, TEXTAREA3_SIZE, "%d", 123);
	textArea3.invalidate();//更新文本显示区3
}

效果：

WeChat_20241104201514

 

文本显示区是问号，有没有懂的大佬指点一下，这是啥情况？

dql2016

版本是TouchGFX 4.24.1 Designer