跳转到主要内容

基于RA6M3 MCU的ThreadX+GUIX HMI教程

由 cathy 提交于

<strong><font color="#004a85">介 绍</font> </strong>

使用瑞萨RA MCU的灵活软件包（Flexible Software Package-FSP），配合e<sup>2</sup> studio集成开发环境，或者使用RA智能配置器（RA Smart Configurator-RASC），配合支持的第三方工具和IDE，以及GUIX Studio可以简单地制作HMI。

本教程以RA6M3 MCU+8080总线的LCD屏幕，展示如何一步一步地使用FSP和智能配置器和GUIX studio完成一个HMI的基本设计。

此方案硬件由RA6M3开发板+LCD屏组成，软件代码由Azure RTOS中的ThreadX实时系统+GUIX图形界面两部分组成。使用的软件为e<sup>2</sup> studio及GUIX studio。

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245836-1.jpg&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

使用的硬件接口为8080总线，其硬件原理图如下：

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245837-2.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

<strong><font color="#004a85">程序实现</font> </strong>

01、使用e<sup>2</sup> studio新建一个RA6M3+Azure的工程

02、工程目录中双击configuration.xml文件，可以打开软件自带的配置界面

03、配置界面中点击“clocks”，进入配置时钟界面。根据自己的需求，配置好时钟

04、点击“pins”，配置使用的对应IO口功能，本工程主要配置bus总线为8080接口

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245838-3.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245839-4.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

05、点击stacks，然后点击New Thread，新建一个线程用于执行GUIX

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245840-5.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

06、点击Component，将Azure GUIX组件添加进来

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245841-6.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

07、点击Generate Project Contens生成代码

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245842-7.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

08、写接口配置文件

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245843-8.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

根据使用的LCD屏幕来配置参数，本参数适用于8080总线

09、屏幕驱动编写，由于使用GUIX，屏幕驱动只需带有画点函数和屏幕初始化函数即可，一般屏幕驱动厂商会提供，不需要自己重写

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245844-9.png&…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245845-10.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

10、对GUIX进行移植，主要需要修改Ra6m3_565rgb_buffer_toggle这个函数，主要实现屏幕的内容显示，即画点函数。另外GUIX使用的是画布的机制，所以需要在RAM中给画布留下一定的空间。（由于GUIX studio没有rgb565的设置，我使用的是rgb565的屏幕，所以需要将argb1555转成rgb565）

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245845-10.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245847-12.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245848-13.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245849-14.png…; alt=“将argb1555转成rgb565"></center><center><i>将argb1555转成rgb565</i></center>

11、移植完GUIX后就是进行GUI设计，使用需要用到GUIX studio，使用GUIX studio新建一个工程，会弹出如下对话框，根据自己的屏幕进行设置

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245850-15.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

然后会弹出GUI设计页面，根据个人需要进行GUI设计。

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245851-16.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245853-17.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>
<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245854-18.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

完成设计后点击project下的generate all output file，生成GUI资源文件，将资源文件添加到工程中，由于我使用的屏幕实际是rgb565格式的，需要将resource.h和resource.c中的GX_COLOR_FORMAT_1555XRGB全部替换成GX_COLOR_FORMAT_565RGB

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245855-19.png…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

12、然后编译程序，此工程就基本完成了，剩下的是在这个框架下根据自己的外围器件添加驱动、GUI、逻辑业务。下图为现实的温湿度传感器的界面。

<center><img src="http://mcu.eetrend.com/files/2022-03/wen_zhang_/100558499-245856-20.jpg…; alt=“基于RA6M3 MCU的ThreadX+GUIX HMI教程"></center>

来源：<a href="https://mp.weixin.qq.com/s/VrlWbq3EisVJLMH7MU6TYg">瑞萨MCU小百科</a&gt;
免责声明：本文为转载文章，转载此文目的在于传递更多信息，版权归原作者所有。本文所用视频、图片、文字如涉及作品版权问题，请联系小编进行处理（联系邮箱：cathy@eetrend.com）。