21ic电子技术开发论坛 › 单片机与嵌入式系统 › ST MCU › STM32H750B-DK TouchGFX 测评——应用篇
返回列表 发新帖我要提问

[STM32H7] STM32H750B-DK TouchGFX 测评——应用篇

[复制链接]
1125|7
 楼主| 纪国圣 发表于 2022-8-28 11:51 | 显示全部楼层 |阅读模式
ST, stm32h750, touchgfx
本帖最后由 纪国圣 于 2022-9-4 11:08 编辑

可切换背景图，曲线合成，硬件RTC的读取与设置，CPU的电压与温度采集与显示，背光的开关控制：
@21小跑堂







回复

收藏 举报

相关帖子
 楼主| 纪国圣 发表于 2022-8-28 17:41 | 显示全部楼层

回复

收藏 举报

 楼主| 纪国圣 发表于 2022-9-4 08:32 | 显示全部楼层
本帖最后由 纪国圣 于 2022-9-4 10:45 编辑


优化了一下界面，让其效果更好一些。
简单的讲一下四线效果：
1.开机动画：
首先从百度下载一份GIF动图，然后通过网站其他图像文件转换至JPG文件将GIF文件转换成一组JPG图片，然后再跟换图片格式为PNG：
1.PNG
之后新建一个Screen，命名为Hello，并添加一个AnimatedImage。按照下图顺序设置AnimatedImage：
2.PNG
为了实现开机动画效果，即GIF播放完毕后实现界面切换，还需一下设置：
3.png
注意点：在对图片标号时，一开始我的标号顺序是a1~a9,a10~a19,a20~a29。以为播放顺序与标号顺序一致，但实际上其播放顺序为a1-a10-a11-......a19-a2-a20-a21-a23-......，所以在标号时a1~a9的编号为a01~a09才能正确的按顺序播放。
建议：官方能否在TouchGFX中添加一个GIF转换为PNG的小工具，或者直接让AnimatedImage支持GIF格式的图片，这样AnimatedImage得使用会更加方便。
2.MainWindow简介：
界面效果如下：
4.PNG
这里介绍一下scrollwheel的使用。
首先点击Containers，然后添加一个Container并命名为ImageWheel。再其基础上添加Image控件。然后按照下图设置srcollwheel： 5.PNG
回到MainWindow界面，添加之前创建的container：
6.PNG
注意：MainWindow中的Scroll与Comtainer中的属性值必须一致。
打开TouchGFX\gui\include\gui\container\ImageWheel.hpp，添加红色的代码：
复制
  1. #include <gui_generated/containers/ImageWheelBase.hpp>
    

  2. <font color="#ff0000">#include <BitmapDatabase.hpp></font>
    


  3. 

  4. class ImageWheel : public ImageWheelBase
    

  5. {
    

  6. public:
    

  7.     ImageWheel();
    

  8.     virtual ~ImageWheel() {}
    


  9. 

  10.     virtual void initialize();
    

  11.         
    

  12. <font color="#ff0000">        void setIcon(int16_t itemIndex)
    

  13.         {
    

  14.                 switch (itemIndex)
    

  15.                 {
    

  16.                 case 0:icon.setBitmap(Bitmap(BITMAP_ICON1_ID));
    

  17.                         break;
    

  18.                 case 1:icon.setBitmap(Bitmap(BITMAP_ICON2_ID));
    

  19.                         break;
    

  20.                 case 2:icon.setBitmap(Bitmap(BITMAP_ICON3_ID));
    

  21.                         break;
    

  22.                 case 3:icon.setBitmap(Bitmap(BITMAP_ICON4_ID));
    

  23.                         break;
    

  24.                 case 4:icon.setBitmap(Bitmap(BITMAP_ICON5_ID));
    

  25.                         break;
    

  26.                 }
    

  27.         }</font>
    

  28. protected:
    

  29. };
打开TouchGFX\gui\include\gui\mainwindow_screen\MainWindowView.hpp，添加红色的代码：
复制
  1. #include <gui_generated/mainwindow_screen/MainWindowViewBase.hpp>
    

  2. <font color="#ff0000">#include <gui/mainwindow_screen/MainWindowPresenter.hpp>
    

  3. </font>
    

  4. class MainWindowView : public MainWindowViewBase
    

  5. {
    

  6. public:
    

  7.     MainWindowView();
    

  8.     virtual ~MainWindowView() {}
    

  9.     virtual void setupScreen();
    

  10.     virtual void tearDownScreen();
    


  11. 

  12. <font color="#ff0000">        virtual void scrollWheel1UpdateItem(ImageWheel& item, int16_t itemIndex)
    

  13.         {
    

  14.                 item.setIcon(itemIndex);
    

  15.                 
    

  16.                 image1.setXY(0,0);
    

  17.                 switch (itemIndex)
    

  18.                 {
    

  19.                 case 0:image1.setBitmap(touchgfx::Bitmap(BITMAP_BACKGROUND3_ID));
    

  20.                         break;
    

  21.                 case 1:image1.setBitmap(touchgfx::Bitmap(BITMAP_BACKGROUND4_ID));
    

  22.                         break;
    

  23.                 case 2:image1.setBitmap(touchgfx::Bitmap(BITMAP_BACKGROUND5_ID));
    

  24.                         break;
    

  25.                 case 3:image1.setBitmap(touchgfx::Bitmap(BITMAP_BACKGROUND6_ID));
    

  26.                         break;
    

  27.                 case 4:image1.setBitmap(touchgfx::Bitmap(BITMAP_BACKGROUND_ID));
    

  28.                         break;
    

  29.                 }
    

  30.                 
    

  31.                 image1.invalidate();</font>
    

  32.                 
    

  33.         }
    

  34. protected:
    

  35. };
scrollwheel的设置就算完成了。通过拨动scroollwhell可以实现背景图片的切换。
3.ClockWindow与SetTimeWindow简介：
界面效果如下： 7.PNG
9.PNG
这里简单的说明一下Clock控件的使用。
界面中包含了AnalogClock和DigtalClock，而提供时钟数据的是STM32H750的RTC。首先编写RTC的初始化、设置与读取函数：
复制

  1. 

  2. unsigned char hour;
    

  3. unsigned char minutes;
    

  4. unsigned char second;
    


  5. 

  6. void RTC_Set(unsigned char hour,unsigned char minutes,unsigned char second)
    

  7. {
    

  8. #ifdef SIMULATOR
    


  9. 

  10. #else
    

  11.   RTC_DateTypeDef  sdatestructure;
    

  12.   RTC_TimeTypeDef  stimestructure;
    


  13. 

  14.   /*##-1- Configure the Date #################################################*/
    

  15.   /* Set Date: Tuesday September 4th 2018 */
    

  16.   sdatestructure.Year = 0x18;
    

  17.   sdatestructure.Month = RTC_MONTH_SEPTEMBER;
    

  18.   sdatestructure.Date = 0x4;
    

  19.   sdatestructure.WeekDay = RTC_WEEKDAY_TUESDAY;
    


  20. 

  21.   if(HAL_RTC_SetDate(&hrtc,&sdatestructure,RTC_FORMAT_BCD) != HAL_OK)
    

  22.   {
    

  23.     /* Initialization Error */
    

  24.     Error_Handler();
    

  25.   }
    


  26. 

  27.   /*##-2- Configure the Time #################################################*/
    

  28.   /* Set Time: 16:30:00 */
    

  29.   stimestructure.Hours = hour;
    

  30.   stimestructure.Minutes = minutes;
    

  31.   stimestructure.Seconds = second;
    

  32.   stimestructure.TimeFormat = RTC_HOURFORMAT_24;
    

  33.   stimestructure.DayLightSaving = RTC_DAYLIGHTSAVING_NONE ;
    

  34.   stimestructure.StoreOperation = RTC_STOREOPERATION_RESET;
    


  35. 

  36.   if(HAL_RTC_SetTime(&hrtc,&stimestructure,RTC_FORMAT_BCD) != HAL_OK)
    

  37.   {
    

  38.     /* Initialization Error */
    

  39.     Error_Handler();
    

  40.   }
    

  41.  #endif 
    

  42. }
    


  43. 

  44. /**
    

  45.   * [url=home.php?mod=space&uid=247401]@brief[/url]  Display the current time.
    

  46.   * @param  showtime : pointer to buffer
    

  47.   * @retval None
    

  48.   */
    

  49. void RTC_TimeShow(void)
    

  50. {
    

  51. #ifdef SIMULATOR
    


  52. 

  53. #else
    

  54.   RTC_DateTypeDef sdatestructureget;
    

  55.   RTC_TimeTypeDef stimestructureget;
    


  56. 

  57.   /* Get the RTC current Time */
    

  58.   HAL_RTC_GetTime(&hrtc, &stimestructureget, RTC_FORMAT_BIN);
    

  59.   /* Get the RTC current Date */
    

  60.   HAL_RTC_GetDate(&hrtc, &sdatestructureget, RTC_FORMAT_BIN);
    

  61.   /* Display time Format : hh:mm:ss */
    

  62.   hour = stimestructureget.Hours;
    

  63.   minutes = stimestructureget.Minutes;
    

  64.   second = stimestructureget.Seconds;
    

  65.  #endif
    

  66. }
    


  67. 

  68. unsigned char Get_Hour(void)
    

  69. {
    

  70.         return hour;
    

  71. }
    


  72. 

  73. unsigned char Get_Minutes(void)
    

  74. {
    

  75.         return minutes;
    

  76. }
    


  77. 

  78. unsigned char Get_Second(void)
    

  79. {
    

  80.         return second;
    

  81. }
之后按下图所示顺序在Interactions添加Tick触发函数，调用之前编写的RTC控制函数以实现周期性的读取RTC的值：
8.png
同理，对RTC的设置，按照下图顺序设置即可：
10.png
4.OSCWindow界面简介
界面效果如下：
11.PNG
其实现效果为滑动Slider改变正弦波的频率，同时将不同频率的正弦波相乘并显示在DynamicGraph。
Slider滑动效果设置如下：
12.png
使用Tick周期获取正弦数值：
13.png
关于DynamicGraph的设置如下：
14.PNG
15.png
图14中的1是为了给YLabel让出空间，图15中的2-5为YLabel的设置。
图14中的3、4设置曲线显示范围。
图15中的1为曲线种类设置。
至此DynamicGraph的设置完成。
5.AboutWindow界面简介
界面效果如下：
16.PNG
与OSCWindow类似，通过周期调用编写好的ADC控制函数读取D值并显示在Graph中：
17.png
ADC函数如下：
复制

  1. 

  2. unsigned short Get_ADC(void)
    

  3. {
    

  4.         unsigned short uwConvertedValue = 0;
    


  5. 

  6. #ifdef SIMULATOR
    


  7. 

  8. #else        
    

  9.         /* Start ADC conversion */
    

  10.         if (HAL_ADC_Start(&hadc3) != HAL_OK)
    

  11.         {
    

  12.         Error_Handler();
    

  13.         }  
    


  14. 

  15.         if (HAL_ADC_PollForConversion(&hadc3, 10) != HAL_OK)
    

  16.         {
    

  17.           Error_Handler();
    

  18.         }
    


  19. 

  20.         /* Read the converted value */
    

  21.         uwConvertedValue = HAL_ADC_GetValue(&hadc3);
    

  22.         
    

  23.         HAL_ADC_Stop(&hadc3);
    

  24. #endif        
    

  25.         return uwConvertedValue;
    

  26. }
    


  27. 

  28. float Get_Vint(void)
    

  29. {
    

  30. #ifdef SIMULATOR
    

  31.         return 0;
    

  32. #else        
    

  33.   ADC_ChannelConfTypeDef sConfig = {0};
    


  34. 

  35.   /** Configure Regular Channel
    

  36.   */
    

  37.   sConfig.Channel = ADC_CHANNEL_VREFINT;
    

  38.   sConfig.Rank = ADC_REGULAR_RANK_1;
    

  39.   sConfig.SamplingTime = ADC_SAMPLETIME_1CYCLE_5;
    

  40.   sConfig.SingleDiff = ADC_SINGLE_ENDED;
    

  41.   sConfig.OffsetNumber = ADC_OFFSET_NONE;
    

  42.   sConfig.Offset = 0;
    

  43.   sConfig.OffsetSignedSaturation = DISABLE;
    

  44.   if (HAL_ADC_ConfigChannel(&hadc3, &sConfig) != HAL_OK)
    

  45.   {
    

  46.     Error_Handler();
    

  47.   }
    

  48.   
    

  49.   return (*(__IO uint32_t *)0x1FF1E860)*3.3f/Get_ADC();
    

  50. #endif        
    


  51. 

  52. }
    


  53. 


  54. 


  55. 

  56. float Get_Temp(void)
    

  57. {
    

  58. #ifdef SIMULATOR
    

  59.         return 0;
    

  60. #else        
    

  61.   const unsigned short t1 = *(__IO uint32_t *)0x1FF1E820;
    

  62.   const unsigned short t2 = *(__IO uint32_t *)0x1FF1E840;
    

  63.   
    

  64.   ADC_ChannelConfTypeDef sConfig = {0};
    


  65. 

  66.   /** Configure Regular Channel
    

  67.   */
    

  68.   sConfig.Channel = ADC_CHANNEL_TEMPSENSOR;
    

  69.   sConfig.Rank = ADC_REGULAR_RANK_1;
    

  70.   sConfig.SamplingTime = ADC_SAMPLETIME_1CYCLE_5;
    

  71.   sConfig.SingleDiff = ADC_SINGLE_ENDED;
    

  72.   sConfig.OffsetNumber = ADC_OFFSET_NONE;
    

  73.   sConfig.Offset = 0;
    

  74.   sConfig.OffsetSignedSaturation = DISABLE;
    

  75.   if (HAL_ADC_ConfigChannel(&hadc3, &sConfig) != HAL_OK)
    

  76.   {
    

  77.     Error_Handler();
    

  78.   }
    

  79.   
    

  80.   return 100.0f/(t2 - t1)*(Get_ADC() - t1) + 30.0f;
    

  81. #endif        
    


  82. 

  83. }
背光控制是通过如下设置实现：
18.png
复制

  1. 

  2. void Toggle_BL(void)
    

  3. {
    

  4. #ifdef SIMULATOR
    


  5. 

  6. #else
    

  7.         HAL_GPIO_TogglePin(LCD_BL_CTRL_GPIO_Port, LCD_BL_CTRL_Pin);
    

  8. #endif
    

  9. }




回复

收藏 举报

 楼主| 纪国圣 发表于 2022-9-4 11:30 | 显示全部楼层
本帖最后由 纪国圣 于 2022-9-4 11:35 编辑

失败的Video尝试首先添加Video控件并添加视频：. 6838263141768cec66.png 然后在CubeMX使能JPEG等：
20.png
21.png
22.png
为了解决工程生成后video_washer_bin_start[]未定义地址的情况，从官方例程中找到了该视频的数组函数并重新定义地址：
5130763141ac11ec56.png
编译下载，结果死机了。
修改STM32H750XBHX_FLASH.ld，增大HEAP与STACK的值：
9094263141b17b823d.png
编译下载，不死机了，但是没视频出现。
@香水城
请问我这里有什么地方设置不正确。















回复

收藏 举报

shimx 发表于 2022-9-4 23:16 | 显示全部楼层
看不了，是我网页设置问题吗
回复

收藏 举报

minzisc 发表于 2022-9-8 13:57 | 显示全部楼层
touchgfx要收费吗
回复

收藏 举报

aspoke 发表于 2022-9-8 19:51 | 显示全部楼层
stm32h750的发热量很大，怎么解决的
回复

收藏 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

纪国圣

77

主题

407

帖子

5

粉丝
快速回复 在线客服 返回列表 返回顶部