TouchGFX—DynamicGraph学习

最新推荐文章于 2025-05-03 12:32:50 发布

Bohrlz

最新推荐文章于 2025-05-03 12:32:50 发布

阅读量421

点赞数

分类专栏：嵌入式UI 文章标签： stm32 学习

本文链接：https://blog.youkuaiyun.com/Bohrlz/article/details/131624243

版权

嵌入式UI 专栏收录该内容

1 篇文章

订阅专栏

TouchGFX的4.21.4版本引入了新特性，允许用户设置水平和垂直网格线以及相应的标签。要查看轴标签，需记得设定区域边缘。这一更新增强了界面设计和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TouchGFX版本4.21.4

属性窗口如下

可设置水平网格线和垂直网格线，以及水平标签和垂直标签（还得记得设置区域边缘才能看到水平和垂直轴的标签）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Bohrlz

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

TouchGFX之动态位图

lushoumin的博客

09-29

345

标准位图会被编译到应用中，因此必须在编译时提供。在运行时间在RAM中创建位图，被称为动态位图。动态位图的使用与编译到应用中的静态位图相同。如需从文件加载图像，可以用loader代码替代对memset的调用。从文件系统读取图像信息。为了使用动态位图，我们需要一个控件来显示它。必须先配置位图缓存，然后才能创建动态位图。

touchGFX控件学习十、Dynamic Graph控件

qq_15181569的博客

09-30

1276

动态图标是touchGFX中的一个小控件，允许应用程序在动态的x轴上显示数据点。

1 条评论您还未登录，请先登录后发表或查看评论

touchgfx之Data_Graph控件

就是菜啊！

01-20

2765

就是菜啊! 前言既然您点进来了，想必对touchgfx或多或少都有一定的了解！在实际应用中可能会有将数据显示在LCD上面的需求，不单是显示这么简单，而是要求显示的更加直观、简洁明了；让大家一目了然数据的变化趋势，这时候数据表图必然是您的不二选择。数据表图可以将数据用折线图直观的显示出来，能够清晰明了...

TOUCHGFX CANVAS WIDGET (划线)

WYL的博客

09-24

702

1.draw line （参考例程 touchgfx demo1） demo1 实现了多种线条的绘制实现的文件为 void Screen1View::setupScreen() { // Screen1ViewBase::setupScreen(); //Screen1ViewBase::setupScreen(); // Place the graph on the screen graph.setXY(20, 20); // Set th...

18.RT-thread项目实战--TOUCHGFx添加温度曲线

lzs940320的博客

01-15

1749

在我们的设备中为了查看数据的变化，趋势，一般习惯使用个图形曲线进行表示，这节我们结合官方的demo来实现下模拟温度曲线功能的实现。注：控件的添加过程不详细说明，可以查看之前的 TouchGFx的页面布局，文章有详细说明 1.添加滑动控件的操作函数 2.设置曲线的相关参数包括样式，颜色，x,y的间隔，点数等，这个要和silder控件要对应好。不然就会出现报错。 3.添加代码 menu_1_1_View.cpp(根据实际的对应文件来) 然后添加silder控件的回调函数，和定时器定

如何开始ToughGFX GUI.rar_TouchGFX教程_TouchGfx_ToughGfx shell_touchgfx

07-14

通过深入学习和实践这个TouchGFX教程，您将掌握创建专业级嵌入式GUI的技能，无论是在消费电子、工业控制还是汽车仪表盘领域，TouchGFX都能帮助您打造引人注目的用户体验。记得持续探索TouchGFX的高级特性，如动态...

TouchGFX开发(3)-使用TouchGFX配置IIC接口OLED

05-22

TouchGFX开发(3)----使用TouchGFX配置IIC接口OLED 优快云文字教程：https://blog.youkuaiyun.com/qq_24312945/article/details/130689223 B站教学视频：https://www.bilibili.com/video/BV17m4y1t7RT/ 本篇文章的主题是...

应用笔记LAT1206+TouchGFX+控件附加Mixin功能的方法介绍

03-15

### 应用笔记LAT1206+TouchGFX+控件附加Mixin功能的方法介绍 #### 1. 引言随着嵌入式系统技术的发展，触摸屏的应用越来越广泛，而用户界面的设计变得尤为重要。TouchGFX作为一种专用于STM32微控制器的图形用户...

应用笔记LAT1212+STM32GUI+TouchGFX+Transition+屏幕切换功能简介

03-15

### 应用笔记LAT1212+STM32GUI+TouchGFX+Transition+屏幕切换功能简介 #### 一、引言随着嵌入式系统的发展，用户界面的交互性和美观度变得越来越重要。STM32作为一款广泛应用的微控制器系列，其强大的性能和丰富...

touchgfx官方资料

10-18

从touchgfx官网下载的资料包，内容包括演示方案、使用手册以及部分源码。

TouchGFX学习笔记总结

10-17

TouchGFX 是一个在 MCU 上的 UI 框架支持在超低功耗条件下实现高端的图形和流畅的动画设计，达到类似 Android 的体验效果。 2018 年华为推出基于 TouchGFX 的 GT Watch。开发工具 TouchGFX Designer，基于拖放的...

TouchGFX升级至V4.12，每秒帧数从9帧升级至60帧，同时更新TouchGFX Suite

strongerHuang

10-29

3737

关注、星标公众号，不错过精彩内容TouchGFX属于Draupner Graphics公司的GUI产品，在去年（2018年7月），TouchGFX被ST收购，在STM32上可以免费使用TouchGFX。一、TouchGFXSuite（开发套件）TouchGFX是STM32生态系统中的免费工具。它由两部分组成：用于设计和配置丰富的用户界面的TouchGFX Designer PC工具，以及在终端设...

Touchgfx - 4 - Bitmap Cache

天牛虫

04-01

1139

文章目录图片缓存配置缓存区缓存与清理动态图片参考资料图片缓存当图片资源比较大时，一般可能选择放在不可直接地址访问的外置Flash中，此时就需要使用到图片缓存功能。配置缓存区核心文件 TouchGFXHAL.cpp 路径： TouchGFX/target/ void TouchGFXHAL::initialize() { TouchGFXGeneratedHAL::initialize(); uint16_t* cacheStartAddr = (uint16_t*)0

TouchGFX利用PixelDataWidget绘制曲线（二）

就是菜啊！

07-28

2067

就是菜啊！在上一篇文章中已经讲过如何利用PixelDataWidget控件绘制简单的函数曲线啦，但是遗留了一个小bug，不知大家是否发现了呢？就是添加PixelDataWidget控件是在ScreenViewBase中添加加的呦，一般情况下，俺们是不动这些viewbase文件的呀！毕竟人家是可读的属性啊！当你在viewbase文件中添加了代码，等你回到Touchgfx designer中运行一下，你就会失了智，想要砸电脑，（毕竟辛辛苦苦写的代码，一键运行，变成了一键清除了...

简单好用的折线图绘制！

llthxx的博客

11-27

1639

简单好用的折线图绘制！

TouchGFX之位图

lushoumin的博客

03-25

786

从RAM读取数据通常比从闪存读取要快（特别是在使用纹理映射器时，原因是它使用非线性存储器存取），因此，缓存到RAM可提升UI性能。如果缓存到RAM，由于将从RAM读取位图（在某些情况下，写入闪存要求是非存储器映射闪存），因此可以在显示UI的同时将闪存用于其他目的（如日志文件）。为了打破这一限制，位图缓存提供了一种在上电期间缓存RAM中的一些或全部位图数据的机制。如需缓存所有位图，则缓存大小必须足够大，才能包含所有位图数据。如果可分配用于位图缓存的RAM空间小于位图的总大小，则启动过程中不能缓存所有位图。

动态位图

lucky的专栏

10-31

460

动态位图： package com.bm; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import and

0基础 | STM32 | TB6612电机驱动使用

最新发布

2302_77523399的博客

05-03

1805

TB6612的两种类型的电机驱动板的使用及相关代码，还有MIND+图形化编程

touchgfx控件学习

01-29

### TouchGFX 控件使用教程 #### 创建和配置基本控件由于当前版本的 TouchGFX Designer 不支持自定义控件的创建[^1]，因此对于任何特殊需求的控件，开发者需编写相应的代码并将其嵌入到视图的用户代码部分。在 TouchGFX 中，控件通常由 `touchgfx::Container` 或其派生类表示。这些容器可以容纳其他子控件，并允许布局管理和事件处理。为了向应用程序添加交互功能，如点击响应，可以通过继承特定的接口来实现监听器模式。例如，在按钮上添加点击监听器： ```cpp class MyButton : public touchgfx::Button, public touchgfx::ClickListener { public: MyButton() : Button(), ClickListener() { setWidth(200); setHeight(50); setText("Click Me"); // 注册自己作为点击监听者 addClickListener(*this); // 设置背景颜色和其他属性... } protected: virtual void handleClickEvent(const touchgfx::Click& click) override { // 处理点击逻辑 trace.info("Button clicked!"); } }; ``` 这段代码展示了如何扩展标准按钮组件以包含额外的行为——当检测到触摸输入时触发回调函数 `handleClickEvent()` 来执行指定操作[^2]。 #### 文件与项目结构概述 TouchGFX 采用了一种清晰而模块化的架构来进行代码组织。整个项目的构建基于三个主要层次：框架系统、生成代码以及用户编写的业务逻辑[^3]。这种分离使得维护变得容易得多；同时也有助于团队协作开发大型应用。具体来说，“generated”目录下包含了所有通过图形化工具定义好的UI元素及其关联数据。每当设计师修改了界面设计方案之后，这部分内容就会被重新生成而不影响手写的核心算法或个性化定制部分。 #### 时间线动画效果的应用实例除了静态展示外，动态变化也是现代GUI不可或缺的一部分。利用内置的时间轴机制，能够轻松地让页面内的对象按照预定规律发生变化，像位移、透明度调整等都属于此类特效范畴内[^4]。以下是关于如何令某个标签逐渐淡入的例子： ```cpp void ScreenClass::setupScreen() { Label* label = new Label(); // 初始化标签样式... timeline.add(tween(label->getAlphaProperty(), 0, 255, EasingEquations::cubicEaseInOut)); } ``` 在这个片段里，`timeline` 对象负责管理一系列按顺序发生的过渡过程。这里指定了目标属性 (`alpha`) 的起始值为零（完全不可见），结束状态则设为全不透明 (255)，并且选择了合适的缓动方程式控制速度曲线。