嵌入式人机界面（HMI）的设计趋势不断演化。随着产品越来越智能化并提供越来越多的功能，终端用户希望人机界面能够提供有吸引力的体验，并能够轻松访问产品功能。
<center><a href="https://mp.weixin.qq.com/s/8Qy-OCy-nINHyV2t9MSHYw"><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256618-chakan…; alt=“”></a></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256618-chakan…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256618-chakanshipin.jpg"){kind=link}
在您的产品中包含GUI（图形用户界面）将有助于您设计对用户更友好、更安全、更现代化的设备。STM32系列提供在嵌入式设备中添加类似智能手机的图形用户界面（GUI）所需的工具，加速了 “HMI of Things” 革命。
<center><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256628-1.jpg&…; alt=“基于STM32的GUI开发，看这篇就够了！"></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256628-1.jpg&…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256628-1.jpg"){kind=link}
<strong><font color="#4e5e9e">构建GUI</font> </strong>
基于四大技术支撑而构建的STM32 GUI 服务帮助您推进自己的设计 。
<center><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256629-2.jpg&…; alt=“基于STM32的GUI开发，看这篇就够了！"></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256629-2.jpg&…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256629-2.jpg"){kind=link}
<strong>1. 定义您的需求，然后相应地选择您的MCU和开发套件</strong>
<ul>
<li>
<p>发现支持图形功能的STM32 MCU产品组合。
</p>
</li>
<li>
<p>为了设计能够提供用户体验的嵌入式产品，STM32系列提供业界广泛的支持图形功能的MCU产品（有200多个有源器件编号），支持不同的显示界面和封装选项。
</p>
</li>
<li>
<p>支持图形功能的<a href="https://www.stmcu.com.cn/Product/pro_detail/PRODUCTSTM32/product" target="_self" data-linktype="2" wah-hotarea="click">STM32 MCU</a>内嵌不同的特性，允许开发人员实现所需的性能和嵌入式设备所需的优化协调，例如：
</p>
<ul>
<li>
<p>The Chrom-ART Accelerator™ 提供节约内存的2D图形加速，并在分担主CPU的负荷时实现平滑过渡和透明效果；<br />
</p>
</li>
<li>
<p>Neo-Chrom 让CPU不再承担图形处理任务，降低内存消耗，提高GUI性能，获得更流畅和更丰富的图形效果，在STM32微控制器上可实现类似于3D的图形功能；<br />
</p>
</li>
<li>
<p>JPEG 编解码器允许您添加M-JPEG视频用于品牌推广和教程；
</p>
</li>
<li>
<p>快速访问内部和外部内存以避免遭遇瓶颈问题，支持平滑的动画效果； </p>
</li>
<li>
<p>大容量内部存储支持单芯片解决方案，无需用于低分辨率显示的外部RAM和Flash存储器。这为系统安全架构、缓冲策略和内存预算带来额外的灵活性； </p>
</li>
<li>
<p>支持采用并行接口、LCD-TFT、以及MIPI-DSI嵌入式控制器的大型显示界面。</p>
</li>
</ul>
</li>
</ul>
<center><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256630-3.png&…; alt=“基于STM32的GUI开发，看这篇就够了！"></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256630-3.png&…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256630-3.png"){kind=link}
<strong><font color="#4e5e9e">2. 下载TouchGFX</font> </strong>
<strong>✦ 什么是TouchGFX？</strong>
<p>TouchGFX在<a href="https://www.st.com/en/embedded-software/x-cube-touchgfx.html" target="_blank" data-linktype="2" wah-hotarea="click">X-CUBE-TOUCHGFX</a>软件包中提供，包括：</p>
<ul>
<li>
<p>TouchGFX Designer - PC GUI构建工具和模拟器</p>
</li>
<li>
<p>TouchGFX Generator - 用于配置和生成TouchGFX项目</p>
</li>
<li>
<p>TouchGFX Engine - 经过优化的硬件加速图形库 </p>
<p><br />
</p>
</li>
</ul>
<strong><font color="#4e5e9e">✦ 轻松开发GUI</font> </strong>
<p>通过GUI模拟器和 <a href="https://www.st.com/en/development-tools/touchgfxdesigner.html" target="_self" data-linktype="2" wah-hotarea="click">TouchGFXDesigner</a> 开发优秀的GUI。TouchGFX的结构和灵活性让开发人员获得所需的工具，可轻松创建独特的UI设计，赋能技术：</p>
<ul>
<li>
<p>在PC或您的目标硬件上运行模拟器</p>
</li>
<li>
<p>将用户代码与TouchGFX Designer生成的代码结合 </p>
</li>
<li>
<p>使用现有的小插件创建您自己的软件元素</p>
</li>
<li>
<p>设计自己的小插件</p>
</li>
<li>
<p>用C++语言编写GUI</p>
</li>
<li>
<p>Model-View-Presenter模式支持轻松与其他C/ c++应用程序组件对接</p>
</li>
</ul>
<strong><font color="#4e5e9e">✦ 加速UI项目生成和低级别开发</font> </strong>
<ul>
<li>
<p>轻松配置：</p>
</li>
<li>
<p>内存组件</p>
</li>
<li>
<p>帧缓冲区</p>
</li>
<li>
<p>显示器分辨率</p>
</li>
<li>
<p>色深</p>
</li>
<li>
<p>选择您的IDE</p>
</li>
<li>
<p>换成其他RTOS，或者无需RTOS </p>
</li>
</ul>
<p> 赋能技术：</p>
<ul>
<li>
<p>STM32CubeMX插件，用于配置和生成面向基于STM32的硬件的TouchGFX抽象层（AL）</p>
</li>
<li>
<p>TouchGFX AL使能图形硬件加速和优化</p>
</li>
<li>
<p>与IDE无关</p>
</li>
<li>
<p>与STM32CubeIDE、IAR Workbench、ARM Keil都能平顺配合</p>
</li>
</ul>
<strong><font color="#4e5e9e">✦ 增强的性能</font> </strong>
<p>TouchGFX Engine技术使您能够在STM32器件上实现智能手机GUI性能赋能技术：</p>
<ul>
<li>
<p>经过优化，将MCU负载和内存大小降至较低</p>
</li>
<li>
<p>编译和运行时间分析</p>
</li>
<li>
<p>STM32硬件加速</p>
</li>
<li>
<p>先进的渲染算法</p>
</li>
<li>
<p>该算法优化了可见表面的测定，支持自定义失效技术，使已绘制像素的数量降至较低</p>
</li>
<li>
<p>高级图形化对象</p>
</li>
<li>
<p>使用高度优化且节约内存的小插件绘制线、圆、自定义形状和图形，或对运行时的图像应用缩放和3D旋转</p>
<p> </p>
</li>
</ul>
<strong><font color="#4e5e9e">3. 刷新您的设计套件并运行您类智能手机的GUI</font> </strong>
将您的“Run Target（运行目标）”，TouchGFX Designer将自动使用安装的STM32Cube Programmer刷写到您的套件。加速UI项目生成和低级别开发。开发套件连接到PC，然后只需点击。
<strong><font color="#4e5e9e">设计资源</font> </strong>
*点击编号/文档可查看下载
<strong>文档资料</strong>
<table border="1" align="center" cellpadding="0" cellspacing="0" title="" summary="">
<tbody>
<tr>
<td width="679" height="18" colspan="3" align="center" valign="middle"><p><strong>芯片文档</strong></p></td>
</tr>
<tr>
<td valign="middle" height="28" width="55" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" data-linktype="2" wah-hotarea="click">AN5212</a></p></td>
<td valign="top" height="28" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Using STM32 cache to optimize performance and power efficiency" data-linktype="2" wah-hotarea="click">Using STM32 cache to optimize performance and power efficiency</a></p>
<p>使用STM32缓存优化性能和能效</p></td>
<td valign="middle" height="28" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" height="28" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" data-linktype="2" wah-hotarea="click">AN5593</a></p></td>
<td valign="top" height="28" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" data-linktype="2" wah-hotarea="click">How to use the GPDMA for STM32U575/585 microcontrollers</a></p>
<p>如何将 GPDMA 用于STM32U575/585 微控制器</p></td>
<td valign="middle" height="28" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" data-linktype="2" wah-hotarea="click">AN4761</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Using STM32L476/486 FSMC peripheral to drive external memories" data-linktype="2" wah-hotarea="click">Using STM32L476/486 FSMC peripheral to drive external memories</a></p>
<p>使用STM32L476/486 FSMC外设驱动外部存储器</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN4860" data-linktype="2" wah-hotarea="click">AN4860</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="DSI Host on STM32F469/479, STM32F7x8/x9 and STM32L4R9/S9 MCUs" data-linktype="2" wah-hotarea="click">DSI Host on STM32F469/479, STM32F7x8/x9 and STM32L4R9/S9 MCUs</a></p>
<p>STM32F469/479、STM32F7x8/x9 和 STM32L4R9/S9 MCU 上的DSI 主机</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN4861" data-linktype="2" wah-hotarea="click">AN4861</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="LCD-TFT display controller (LTDC) on STM32 MCUs" data-linktype="2" wah-hotarea="click">LCD-TFT display controller (LTDC) on STM32 MCUs</a></p>
<p>STM32 MCU上的LCD-TFT 显示控制器 (LTDC)</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN5020" data-linktype="2" wah-hotarea="click">AN5020</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Digital camera interface (DCMI) for STM32 MCUs " data-linktype="2" wah-hotarea="click">Digital camera interface (DCMI) for STM32 MCUs</a></p>
<p>STM32 MCU 的数码相机接口(DCMI)</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN4943" data-linktype="2" wah-hotarea="click">AN4943</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Using the Chrom-ART Accelerator™ to refresh an LCD-TFTdisplay on STM32L496xx/L4A6xx/L4Rxxx/L4Sxxx microcontrollers" data-linktype="2" wah-hotarea="click">Using the Chrom-ART Accelerator™ to refresh an LCD-TFTdisplay on STM32L496xx/L4A6xx/L4Rxxx/L4Sxxx microcontrollers</a></p>
<p>使用 Chrom-ART Accelerator™ 刷新STM32L496xx/L4A6xx/L4Rxxx/L4Sxxx 微控制器上的LCD-TFT 显示屏</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN4978" data-linktype="2" wah-hotarea="click">AN4978</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Design recommendations for STM32L4xxxx with external SMPS,for ultra-low-power applications with high performance" data-linktype="2" wah-hotarea="click">Design recommendations for STM32L4xxxx with external SMPS,for ultra-low-power applications with high performance</a></p>
<p>带有外部 SMPS 的STM32L4xxxx 的设计建议，适用于具有高性能的超低功耗应用</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN4996" data-linktype="2" wah-hotarea="click">AN4996</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Hardware JPEG codec peripheral in STM32F76/77xxx and STM32H743/53/45/55/47/57/50/A3/B3/B0xx microcontrollers" data-linktype="2" wah-hotarea="click">Hardware JPEG codec peripheral in STM32F76/77xxx and STM32H743/53/45/55/47/57/50/A3/B3/B0xx microcontrollers</a></p>
<p>STM32F76/77xxx 和STM32H743/53/45/55/47/57/50/A3/B3/B0xx 微控制器中的硬件JPEG 编解码器外设</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN5050" data-linktype="2" wah-hotarea="click">AN5050</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Octo-SPI interface on STM32 microcontrollers" data-linktype="2" wah-hotarea="click">Octo-SPI interface on STM32 microcontrollers</a></p>
<p>STM32 微控制器上的 Octo-SPI 接口</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="AN5051" data-linktype="2" wah-hotarea="click">AN5051</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/application_…; target="_self" textvalue="Graphic memory optimization with STM32 Chrom-GRC™" data-linktype="2" wah-hotarea="click">Graphic memory optimization with STM32 Chrom-GRC™</a></p>
<p>使用 STM32 Chrom-GRC™优化图形内存使用 STM32 Chrom-GRC™ 优化图形内存</p></td>
<td valign="middle" width="95" align="center"><p>应用笔记</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/user_manual/…; target="_self" textvalue="UM1721" data-linktype="2" wah-hotarea="click">UM1721</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/user_manual/…; target="_self" textvalue="Developing applications on STM32Cube™ with FatFs" data-linktype="2" wah-hotarea="click">Developing applications on STM32Cube™ with FatFs</a></p>
<p>使用 FatFs 在 STM32Cube™上开发应用程序</p></td>
<td valign="middle" width="95" align="center"><p>用户手册</p></td>
</tr>
<tr>
<td valign="middle" width="64" align="center"><p><a href="https://www.st.com/content/ccc/resource/technical/document/user_manual/…; target="_self" textvalue="UM1718" data-linktype="2" wah-hotarea="click">UM1718</a></p></td>
<td valign="top" width="385"><p><a href="https://www.st.com/content/ccc/resource/technical/document/user_manual/…; target="_self" textvalue="STM32CubeMX for STM32 configuration and initialization C code generation" data-linktype="2" wah-hotarea="click">STM32CubeMX for STM32 configuration and initialization C code generation</a></p>
<p>STM32CubeMX 用于 STM32 配置和初始化 C 代码生成</p></td>
<td valign="middle" width="95" align="center"><p>用户手册</p></td>
</tr>
</tbody>
</table>
<strong>实战经验</strong>
<table border="1" align="center" cellpadding="0" cellspacing="0" title="" summary="">
<tbody>
<tr>
<td height="18" colspan="1" align="center" valign="middle"><p><strong>实战经验 </strong><a href="https://www.stmcu.com.cn/Designresource/list/STM32%20MCU/LAT/lat-man-ma…; target="_self" textvalue="查看更多" data-linktype="2" wah-hotarea="click"><strong>查看更多</strong></a></p></td>
</tr>
<tr>
<td height="28"><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" textvalue="将framebuffer保存为图片来检查内容" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">将framebuffer保存为图片来检查内容</a></p></td>
</tr>
<tr>
<td height="28"><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">TouchGFX图形应用在亮屏时的低功耗实现</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">在基于TouchGFX生成的代码中添加触摸功能的方法</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-debugging/710970" target="_self" microsoft="" color:="" font-size:="" data-linktype="2" wah-hotarea="click">通过STLINK-V3SET I2C接口将程序下载到SRAM中并执行的方法</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" textvalue="STM32GUI_使用STLINK+stm32gui-pydfb工具来实时查看图形缓存的图片" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">STM32GUI_使用STLINK+stm32gui-pydfb工具来实时查看图形缓存的图片</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" data-linktype="2" wah-hotarea="click">使用TouchGFX4.12.3+L8图片格式减少图片资源提高性能 </a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" textvalue="基于低成本STM32的图形应用" data-linktype="2" wah-hotarea="click">基于低成本STM32的图形应用</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" textvalue="驱动8位8080接口LCD时的字节序问题" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">驱动8位8080接口LCD时的字节序问题</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-man-machine-interfac…; target="_self" textvalue="通过STM32CubeMX制作外部Flash的烧写驱动(.stdlr)" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">通过STM32CubeMX制作外部Flash的烧写驱动(.stdlr)</a></p></td>
</tr>
<tr>
<td><p><a href="https://www.stmcu.com.cn/Designresource/detail/lat-ecological-system/71…; target="_self" microsoft="" font-size:="" data-linktype="2" wah-hotarea="click">Keil环境下使用外部烧录脚本(stdlr)烧录QSPI</a></p></td>
</tr>
</tbody>
</table>
<strong><font color="#4e5e9e">相关产品</font> </strong>
*点击产品可查看详情
<table border="1" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="middle" height="33" width="177" align="center"><p><strong>产品系列</strong></p></td>
<td valign="middle" height="33" width="69" align="center"><p><strong>频率</strong></p></td>
<td valign="middle" height="33" width="125" align="center"><p><strong>硬件图形加速器</strong></p></td>
<td valign="middle" height="33" width="127" align="center"><p><strong>显示接口</strong></p></td>
<td valign="middle" height="33" width="115" align="center"><p><strong>支持的分辨率</strong></p></td>
<td valign="middle" height="33" width="102" align="center"><p><strong>封装</strong></p></td>
</tr>
<tr>
<td valign="middle" height="34" width="177" align="center"><p><a href="https://qa.stmcu.com.cn/Product/pro_detail/STM32G0/product" target="_self" textvalue="STM32G0 - CM0" data-linktype="2" wah-hotarea="click"><strong>STM32G0 - CM0</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>64 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>-</p></td>
<td valign="middle" height="34" width="127" align="center"><p>SPI</p></td>
<td valign="middle" height="34" width="115" align="center"><p>Up to 480*272</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32WB/product" target="_self" textvalue="STM32WB - CM4" data-linktype="2" wah-hotarea="click"><strong>STM32WB - CM4</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>64 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>-</p></td>
<td valign="middle" height="34" width="127" align="center"><p>SPI</p></td>
<td valign="middle" height="34" width="115" align="center"><p>Up to 480*272</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F4/product" target="_self" textvalue="STM32F4 - CM4 " data-linktype="2" wah-hotarea="click"><strong>STM32F4 - CM4</strong></a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F4/product" target="_self" textvalue="Access lines" data-linktype="2" wah-hotarea="click">Access lines</a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>100 - 180 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>-</p></td>
<td valign="middle" height="34" width="127" align="center"><p>Parallel SPI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 1024*768</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F4/product" target="_self" textvalue="STM32F4 - CM4 " data-linktype="2" wah-hotarea="click"><strong>STM32F4 - CM4</strong></a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F4/product" target="_self" textvalue="advanced lines " data-linktype="2" wah-hotarea="click">advanced lines</a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>180 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART</p></td>
<td valign="middle" height="34" width="127" align="center"><p>RGB-TFT</p>
<p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 1024*768</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32L4/product" target="_self" textvalue="STM32L4 (CM4) Low Power" data-linktype="2" wah-hotarea="click">STM32L4 (CM4) </a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32L4/product" target="_self" textvalue="STM32L4 (CM4) Low Power" data-linktype="2" wah-hotarea="click"><strong>Low Power</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>80 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART</p></td>
<td valign="middle" height="34" width="121" align="center"><p>Parallel SPI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 240*480</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32L4plus/product" target="_self" textvalue="STM32L4+ (CM4) " data-linktype="2" wah-hotarea="click"><strong>STM32L4+ (CM4)</strong></a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32L4plus/product" target="_self" textvalue="Low Power" data-linktype="2" wah-hotarea="click">Low Power</a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>120 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART Chrom-GRC</p></td>
<td valign="middle" height="34" width="121" align="center"><p>RGB-TFT</p>
<p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 450*450</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32U5/product" target="_self" data-linktype="2" wah-hotarea="click"><strong>STM32U5 (CM33)</strong></a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32U5/product" target="_self" textvalue="Low Power" data-linktype="2" wah-hotarea="click">Low Power</a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>160 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART</p>
<p>Chrom-GRC</p>
<p>Neochrom</p></td>
<td valign="middle" height="34" width="121" align="center"><p>RGB-TFT</p>
<p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 800*480</p></td>
<td valign="middle" height="34" width="102" align="center"><p>WLCSP, DIE </p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F7/product" target="_self" textvalue="STM32F7 (CM7)" data-linktype="2" wah-hotarea="click"><strong>STM32F7 (CM7)</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>216 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART</p>
<p>MJPEG</p></td>
<td valign="middle" height="34" width="121" align="center"><p>RGB-TFT</p>
<p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 1024*768</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F7/producthttps://stmcu.co…; target="_self" textvalue="STM32H7 (CM7) (CM7 + CM4)" data-linktype="2" wah-hotarea="click"><strong>STM32H7 (CM7) </strong></a></p>
<p><a href="https://stmcu.com.cn/Product/pro_detail/STM32F7/producthttps://stmcu.co…; target="_self" textvalue="STM32H7 (CM7) (CM7 + CM4)" data-linktype="2" wah-hotarea="click"><strong>(CM7 + CM4)</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>550 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>Chrom-ART Chrom-GRC</p>
<p>MJPEG</p></td>
<td valign="middle" height="34" width="121" align="center"><p>RGB-TFT</p>
<p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>Up to 1024*768</p></td>
<td valign="middle" height="34" width="102" align="center"><p>QFP, BGA, CSP</p></td>
</tr>
<tr>
<td valign="middle" height="34" width="171" align="center"><p><a href="https://qa.stmcu.com.cn/Product/pro_detail/STM32MP1/product" target="_self" textvalue="STM32MP1 (CA7)" data-linktype="2" wah-hotarea="click"><strong>STM32MP1 (CA7)</strong></a></p></td>
<td valign="middle" height="34" width="69" align="center"><p>800 MHz</p></td>
<td valign="middle" height="34" width="131" align="center"><p>3D Graphic PU</p></td>
<td valign="middle" height="34" width="121" align="center"><p>MIPI-DSI</p></td>
<td valign="middle" height="34" width="109" align="center"><p>UP to 1366*768.</p></td>
<td valign="middle" height="34" width="102" align="center"><p>BGA</p></td>
</tr>
</tbody>
</table>
<strong><font color="#4e5e9e">解决方案</font> </strong>
*<a href="https://www.stmcu.com.cn/Designresource/detail/document/711156" target="_self" microsoft="" color:="" data-linktype="2" wah-hotarea="click">下载</a>STM32在图形化界面的解决方案。
外扩RAM的高阶图形解决方案STM32H723/H725/H730
<center><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256631-4.jpg&…; alt=“基于STM32的GUI开发，看这篇就够了！"></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256631-4.jpg&…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256631-4.jpg"){kind=link}
STM32G07x 低成本的入门级图形解决方案
<center><img src="http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256632-5.jpg&…; alt=“基于STM32的GUI开发，看这篇就够了！"></center>
![http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256632-5.jpg&…](http://mcu.eetrend.com/files/2022-06/wen_zhang_/100561014-256632-5.jpg"){kind=link}
<strong><font color="#4e5e9e">相关视频</font> </strong>
*点击可查看课程并下载培训资料
<table border="1" align="center" cellpadding="0" cellspacing="0" title="" summary="" >
<tbody>
<tr>
<td height="18" colspan="2" align="center" valign="middle"><p><strong>培训课程</strong></p></td>
</tr>
<tr>
<td valign="top" height="28"><p><a href="https://c.51diantang.com/columndetail?id=af88926765f94eb8baf8ced639575a…; target="_self" textvalue="GUI_STM32&X-Cube-TouchGFX GUI应用开发实践" data-linktype="2" wah-hotarea="click">GUI_STM32&X-Cube-TouchGFX GUI应用开发实践</a></p></td>
<td valign="top" height="28"><p>培训资料<a href="https://stmcu.com.cn/Designresource/detail/training/710993" target="_self" textvalue="下载" data-linktype="2" wah-hotarea="click">下载</a></p></td>
</tr>
<tr>
<td valign="top" height="28"><p><a href="https://c.51diantang.com/columndetail?id=8b96bd0567ef4fd7b9a29d63496c6b…; target="_self" textvalue="基于STM32CubeMX的GUI应用开发" data-linktype="2" wah-hotarea="click">基于STM32CubeMX的GUI应用开发</a></p></td>
<td valign="top" height="28"><p>培训资料<a href="https://stmcu.com.cn/Designresource/detail/training/705637" target="_self" textvalue="下载" data-linktype="2" wah-hotarea="click">下载</a></p></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle"><p><strong>Demo演示</strong><a target="_blank" href="https://www.stmcu.com.cn/video/sort/new/category/522" textvalue="查看更多" linktype="text" imgurl="" tab="outerlink" data-linktype="2" wah-hotarea="click"><strong><strong>查看</strong></strong><strong><strong>更多</strong></strong></a></p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p><a href="https://stmcu.com.cn/video/2049" target="_self" textvalue="GUI终端应用介绍" data-linktype="2" wah-hotarea="click">GUI终端应用介绍</a></p></td>
</tr>
<tr>
<td colspan="2" valign="top"><p><a href="https://stmcu.com.cn/video/2078" target="_self" data-linktype="2" wah-hotarea="click">TouchGFX GUI设计工具</a></p></td>
</tr>
</tbody>
</table>
来源：<a href="https://mp.weixin.qq.com/s/8Qy-OCy-nINHyV2t9MSHYw"> STM32</a>
免责声明：本文为转载文章，转载此文目的在于传递更多信息，版权归原作者所有。本文所用视频、图片、文字如涉及作品版权问题，请联系小编进行处理（联系邮箱：cathy@eetrend.com）。