垂直应用


GUI图形用户界面


嵌入式人机界面(HMI)的设计趋势不断演化。随着产品越来越智能化并提供越来越多的功能,终端用户希望人机界面能够提供有吸引力的体验,并能够轻松访问产品功能。

在您的产品中包含GUI(图形用户界面)将有助于您设计对用户更友好、更安全、更现代化的设备。STM32系列提供在嵌入式设备中添加类似智能手机的图形用户界面(GUI)所需的工具,加速了 “HMI of Things” 革命。


GUI智能手表应用



构建GUI

基于四大技术支撑而构建的STM32 GUI 服务帮助您推进自己的设计 。


如何用STM32构建GUI



1.定义您的需求,然后相应地选择您的MCU和开发套件


发现支持图形功能的STM32 MCU产品组合

为了设计能够提供用户体验的嵌入式产品,STM32系列提供业界广泛的支持图形功能的MCU产品(有200多个有源器件编号),支持不同的显示界面和封装选项。

支持图形功能的STM32 MCU内嵌不同的特性,允许开发人员实现所需的性能和嵌入式设备所需的优化协调,例如:


  • The Chrom-ART Accelerator™ 提供节约内存的2D图形加速,并在分担主CPU的负荷时实现平滑过渡和透明效果

  • Neo-Chrom 让CPU不再承担图形处理任务,降低内存消耗,提高GUI性能,获得更流畅和更丰富的图形效果,在STM32微控制器上可实现类似于3D的图形功能

  • JPEG 编解码器允许您添加M-JPEG视频用于品牌推广和教程

  • 快速访问内部和外部内存以避免遭遇瓶颈问题,支持平滑的动画效果

  • 大容量内部存储支持单芯片解决方案,无需用于低分辨率显示的外部RAM和Flash存储器。这为系统安全架构、缓冲策略和内存预算带来额外的灵活性

  • 支持采用并行接口、LCD-TFT、以及MIPI-DSI嵌入式控制器的大型显示界面


STM32GUI相关产品


2.下载TouchGFX


什么是TouchGFX?


TouchGFX在X-CUBE-TOUCHGFX软件包中提供,包括:


  • TouchGFX Designer - PC GUI构建工具和模拟器

  • TouchGFX Generator - 用于配置和生成TouchGFX项目

  • TouchGFX Engine - 经过优化的硬件加速图形库


轻松开发GUI


通过GUI模拟器和 TouchGFXDesigner 开发优秀的GUI。

TouchGFX的结构和灵活性让开发人员获得所需的工具,可轻松创建独特的UI设计,赋能技术:


  • 在PC或您的目标硬件上运行模拟器

  • 将用户代码与TouchGFX Designer生成的代码结合

  • 使用现有的小插件创建您自己的软件元素

  • 设计自己的小插件

  • 用C++语言编写GUI

  • Model-View-Presenter模式支持轻松与其他C/ c++应用程序组件对接


加速UI项目生成和低级别开发


  • 轻松配置:

  • 内存组件

  • 帧缓冲区

  • 显示器分辨率

  • 色深

  • 选择您的IDE

  • 换成其他RTOS,或者无需RTOS

  

    赋能技术

  • STM32CubeMX插件,用于配置和生成面向基于STM32的硬件的TouchGFX抽象层(AL)

  • TouchGFX AL使能图形硬件加速和优化

  • 与IDE无关

  • 与STM32CubeIDE、IAR Workbench、ARM Keil都能平顺配合


增强的性能


TouchGFX Engine技术使您能够在STM32器件上实现智能手机GUI性能赋能技术:


  • 经过优化,将MCU负载和内存大小降至较低

  • 编译和运行时间分析

  • STM32硬件加速

  • 先进的渲染算法

  • 该算法优化了可见表面的测定,支持自定义失效技术,使已绘制像素的数量降至较低

  • 高级图形化对象

  • 使用高度优化且节约内存的小插件绘制线、圆、自定义形状和图形,或对运行时的图像应用缩放和3D旋转



TouchGFX4.19.0



3.刷新您的设计套件并运行您类智能手机的GUI


将您的“Run Target(运行目标)”,TouchGFX Designer将自动使用安装的STM32Cube Programmer刷写到您的套件。加速UI项目生成和低级别开发。开发套件连接到PC,然后只需点击。



设计资源

*点击编号/文档可查看下载


文档资料


芯片文档

AN5212

Using STM32 cache to optimize   performance and power efficiency

使用STM32缓存优化性能和能效

应用笔记

AN5593

How to use the GPDMA   for STM32U575/585 microcontrollers

如何将 GPDMA 用于STM32U575/585 微控制器

应用笔记

AN4761

Using STM32L476/486  FSMC peripheral to drive external memories

使用STM32L476/486 FSMC外设驱动外部存储器

应用笔记

AN4860

DSI Host on  STM32F469/479, STM32F7x8/x9 and STM32L4R9/S9 MCUs

STM32F469/479STM32F7x8/x9  STM32L4R9/S9 MCU 上的DSI 主机

应用笔记

AN4861

LCD-TFT display controller (LTDC) on STM32 MCUs

STM32 MCU上的LCD-TFT 显示控制器 (LTDC)

应用笔记

AN5020

Digital camera  interface (DCMI) for STM32 MCUs

STM32 MCU 的数码相机接口(DCMI)

应用笔记

AN4943

Using the Chrom-ART  Accelerator™ to refresh an LCD-TFTdisplay on STM32L496xx/L4A6xx/L4Rxxx/L4Sxxx   microcontrollers

使用 Chrom-ART Accelerator 刷新STM32L496xx/L4A6xx/L4Rxxx/L4Sxxx 微控制器上的LCD-TFT 显示屏

应用笔记

AN4978

Design recommendations for STM32L4xxxx with external SMPS,for ultra-low-power applications with high   performance

带有外部 SMPS STM32L4xxxx 的设计建议,适用于具有高性能的超低功耗应用

应用笔记

AN4996

Hardware JPEG codec peripheral in STM32F76/77xxx and STM32H743/53/45/55/47/57/50/A3/B3/B0xx   microcontrollers

STM32F76/77xxx STM32H743/53/45/55/47/57/50/A3/B3/B0xx 微控制器中的硬件JPEG 编解码器外设

应用笔记

AN5050

Octo-SPI interface on   STM32 microcontrollers

STM32 微控制器上的  Octo-SPI 接口

应用笔记

AN5051

Graphic memory optimization with STM32 Chrom-GRC™

使用 STM32 Chrom-GRC™优化图形内存使用 STM32 Chrom-GRC™ 优化图形内存

应用笔记

UM1721

Developing applications on STM32Cube™ with FatFs

使用 FatFs    STM32Cube上开发应用程序

用户手册

UM1718

STM32CubeMX for STM32 configuration and initialization C code generation

STM32CubeMX 用于 STM32 配置和初始化 C 代码生成

用户手册

      

实战经验


实战经验 查看更多

将framebuffer保存为图片来检查内容

TouchGFX图形应用在亮屏时的低功耗实现

在基于TouchGFX生成的代码中添加触摸功能的方法

通过STLINK-V3SET I2C接口将程序下载到SRAM中并执行的方法

STM32GUI_使用STLINK+stm32gui-pydfb工具来实时查看图形缓存的图片

使用TouchGFX4.12.3+L8图片格式减少图片资源提高性能

基于低成本STM32的图形应用

驱动8位8080接口LCD时的字节序问题

通过STM32CubeMX制作外部Flash的烧写驱动(.stdlr)

Keil环境下使用外部烧录脚本(stdlr)烧录QSPI



相关产品

*点击产品可查看详情


产品系列

频率

硬件图形加速器

显示接口

支持的分辨率

封装

STM32G0 - CM0

64 MHz

-

SPI

Up to 480*272

QFP, CSP

STM32WB - CM4

64 MHz

-

SPI

Up to 480*272

QFP, BGA, CSP

STM32F4 - CM4

Access   lines

100 - 180 MHz

-

Parallel SPI

Up to 1024*768

QFP, BGA, CSP

STM32F4 - CM4

advanced   lines

180 MHz

Chrom-ART

RGB-TFT

MIPI-DSI

Up to 1024*768

QFP, BGA, CSP

STM32L4 (CM4) 

Low   Power

80 MHz

Chrom-ART

Parallel SPI

Up to 240*480

QFP, BGA, CSP

STM32L4+ (CM4)

Low   Power

120 MHz

Chrom-ART Chrom-GRC

RGB-TFT

MIPI-DSI

Up to 450*450

QFP, BGA, CSP

STM32U5 (CM33)

Low   Power

160 MHz

Chrom-ART

Chrom-GRC

Neochrom

RGB-TFT

MIPI-DSI

Up to 800*480

WLCSP, DIE 

STM32F7 (CM7)

216 MHz

Chrom-ART

MJPEG

RGB-TFT

MIPI-DSI

Up to 1024*768

QFP, BGA, CSP

STM32H7 (CM7) 

(CM7 +   CM4)

550 MHz

Chrom-ART Chrom-GRC

MJPEG

RGB-TFT

MIPI-DSI

Up to 1024*768

QFP, BGA, CSP

STM32MP1 (CA7)

800 MHz

3D Graphic PU

MIPI-DSI

UP to 1366*768.

BGA



解决方案

*下载STM32在图形化界面的解决方案


  • 外扩RAM的高阶图形解决方案STM32H723/H725/H730


外扩RAM的高阶图形解决方案STM32H723/H725/H730


      

  • STM32G07x 低成本的入门级图形解决方案


  STM32G07x 低成本的入门级图形解决方案



相关视频

*点击可查看课程并下载培训资料


培训课程

  GUI_STM32&X-Cube-TouchGFX GUI应用开发实践

 培训资料下载

  基于STM32CubeMXGUI应用开发

 培训资料下载

你拥有的不仅是STM32,还有超出你预期的人机交互方案演讲资料下载

Demo演示查看更多

GUI终端应用介绍

TouchGFX GUI设计工具

STM32U5的表盘方案
STM32H7的图表案方案









微信扫一扫