RT-Thread 学习笔记（十二）--- 开启基于RTGUI的LCD显示功能(2)<编译测试>

软件环境：Win7，Keil MDK 4.72a, IAR EWARM 7.2, GCC 4.2，Python 2.7 ,SCons 2.3.2

硬件环境：Armfly STM32F103ZE-EK v3.0开发板

参考文章：RT-Thread编程指南

RT-Thread_1.2.0+lwip+rtgui0.8.0 移植心得

RT-Thread RTOS组件：RTGUI教程 Hello World

上篇文章中我们LCD驱动进行了移植，接下来进行编译和调试

【1】在命令行中使用scons编译，出现“命令太长”的错误

看到Link时命令行太长的错误，如下图。



参考文章修正scons编译时armlink链接错误的解决办法：

(1) 使用Notepad++打开C:\Python27\Lib\site-packages\scons-2.3.2\SCons\Platform\__init__.py，定位到205行，修改如下代码：

prefix = env.subst('$TEMPFILEPREFIX')

if not prefix:

#prefix = '@'

prefix = ' '

修改后保存。

(2)使用Notepad++打开stm32f103ze-ek/Sconstruct文件，定位到27行附近，如入如下代码：

if rtconfig.PLATFORM == 'iar':

env.Replace(CCCOM = ['$CC $CCFLAGS $CPPFLAGS $_CPPDEFFLAGS $_CPPINCFLAGS -o $TARGET $SOURCES'])

env.Replace(ARFLAGS = [''])

env.Replace(LINKCOM = ['$LINK $SOURCES $LINKFLAGS -o $TARGET --map project.map'])

if rtconfig.PLATFORM == 'armcc':

env["TEMPFILE"] = SCons.Platform.TempFileMunge

# env["LINKCOM"] = "${TEMPFILE('$LINK -o $TARGET $SOURCES')}"

env["LINKCOM"] = "$LINK -o $TARGET $LINKFLAGS ${TEMPFILE('--via $SOURCES')}"

env["TEMPFILEPREFIX"] = ' ' # arm tool chain

Export('RTT_ROOT')

Export('rtconfig')

... ...

修改完成后保存。

然后重新scons编译,结果如下：

【2】RTGUI运行测试

将编译生成的代码下载到开发板中，复位运行，终端中显示如下：

\ | /

- RT - Thread Operating System

/ | \ 1.2.2 build Apr 10 2015

2006 - 2013 Copyright by rt-thread team

found part[0], begin: 219152384, size: 1.690GB

dm9000 id: 0x90000a46

finsh />operating at 100M full duplex mode

lwIP-1.4.1 initialized!

RTGUI: could not open the font file:/resource/hzk16.fnt

RTGUI: please mount the fs first and make sure the file is there

set font size to 16

W25Q64BV or W25Q64CV detection

flash0 mount to /.

sd0 mount to /dev.

... ...

hard fault on thread: init

thread pri status sp stack size max used left tick error

-------- ---- ------- ---------- ---------- ---------- ---------- ---

... ...

很显然，挂载的根目录下面根本没有/resource/hzk16.fnt文件，所以报错，因为字库占空间较大，所以目前还无法支持汉字功能。打开rtconfig.h文件，定位到173行附近，注释掉RTGUI_USING_FONTHZ定义，修改如下：

/* SECTION: RT-Thread/GUI */

#define RT_USING_RTGUI

/* name length of RTGUI object */

#define RTGUI_NAME_MAX 12

/* support 16 weight font */

#define RTGUI_USING_FONT16

/* support Chinese font */

//#define RTGUI_USING_FONTHZ

/* use DFS as file interface */

#define RTGUI_USING_DFS_FILERW

/* use font file as Chinese font */

#define RTGUI_USING_HZ_FILE

/* use Chinese bitmap font */

#define RTGUI_USING_HZ_BMP

/* use small size in RTGUI */

#define RTGUI_USING_SMALL_SIZE

修改后保存，重新编译下载，复位运行，此时终端显示

finsh />list_thread()

thread pri status sp stack size max used left tick error

-------- ---- ------- ---------- ---------- ---------- ---------- ---

rtgui 0x0f suspend 0x000000f8 0x00000400 0x000000f8 0x00000005 000

tshell 0x14 ready 0x00000090 0x00000800 0x000001b0 0x00000008 -04

tidle 0x1f ready 0x0000005c 0x00000100 0x00000064 0x0000001f 000

led 0x14 suspend 0x00000078 0x00000200 0x00000078 0x00000005 000

0, 0x00000000

finsh />

信息显示rtgui线程处于挂起状态，下面将加载一些Demo程序进行测试。

【3】加入RTGUI Demo例程

(1)将github网站的RTGUI-Master/demo/examples复制到rt-thread-1.2.2/components/rtgui目录下，然后在命令行运行scons --tartget=mdk4 -s，重新打开工程后可以看到gui-examples组已经加入进来，如下图：



(2)打开application.c，定位到45行附近，加入gui_appplication_init()，修改如下：

#include "led.h"

extern void gui_application_init(void);

extern void gui_application_init(void);

extern void rt_spi_flash_device_init(void);

... ...

再定位到158行附近，

... ...

#ifdef RTGUI_USING_CALIBRATION

//calibration_set_restore(cali_setup);

//calibration_set_after(cali_store);

//calibration_init();

#endif /* #ifdef RTGUI_USING_CALIBRATION */

gui_application_init();

}

#endif /* RT_USING_RTGUI */

(3)打开gui_examples工作组下dem_application.c，定位到129行附近，代码修改如下：

void gui_application_init(void)

{

static rt_bool_t inited = RT_FALSE;

if (inited == RT_FALSE) /*避免重复初始化 */

{

rt_thread_t tid;

tid = rt_thread_create("wb",

gui_application_entry, RT_NULL,

2048 * 2, 25, 10);

if (tid != RT_NULL)

rt_thread_startup(tid);

inited = RT_TRUE;

}

}

#ifdef RT_USING_FINSH

#include <finsh.h>

void gui_application()

{

gui_application_init();

}

/* finsh 终端可以执行gui_appplication() 命令运行上面函数*/

FINSH_FUNCTION_EXPORT(gui_application,guiapplication demo)

#endif

然后再定位到31行附近，将gui_appliction线程入口的名字改过来，修改如下：

... ...

struct rtgui_win *main_win;

static void gui_application_entry(void *parameter)

{

struct rtgui_app *app;

struct rtgui_rect rect;

app = rtgui_app_create("gui_demo");

if (app == RT_NULL)

return;

... ...

然后定位到64行到120附近代码，从demo_view_box()开始，直到rtgui_win_show()之间的代码除了留下demo_view_button() ，其它代码注释掉，修改如下：

<pre name="code" class="cpp">    rtgui_container_add_child(RTGUI_CONTAINER(main_win), RTGUI_WIDGET(the_notebook));

//demo_view_box();

/* ³õʼ»¯¸÷¸öÀý×ÓµÄÊÓͼ */
/*    demo_view_benchmark();

demo_view_dc();
#ifdef RTGUI_USING_TTF
demo_view_ttf();
#endif

#ifndef RTGUI_USING_SMALL_SIZE
demo_view_dc_buffer();
#endif
demo_view_animation();
#ifndef RTGUI_USING_SMALL_SIZE
demo_view_buffer_animation();
demo_view_instrument_panel();
#endif
demo_view_window();
*/    demo_view_label();
/*    demo_view_button();
demo_view_checkbox();
demo_view_progressbar();
demo_view_scrollbar();
demo_view_radiobox();
demo_view_textbox();
demo_view_listbox();
demo_view_menu();
demo_view_listctrl();
demo_view_combobox();
demo_view_slider();
demo_view_notebook();
demo_view_mywidget();
demo_plot();
demo_view_digtube();
*/
#if defined(RTGUI_USING_DFS_FILERW)
demo_view_edit();
demo_view_bmp();
#endif

（4）打开demo_view.c，定位到81行和98行，将rtgui_button_create()中的中文更换成英文，因为在rtconfig.h中我们关闭了使用中文字体选项，修改如下：

... ...

<pre name="code" class="cpp">    /* 创建"下一个"按钮 */
#ifdef RTGUI_USING_FONTHZ
next_btn = rtgui_button_create("下一个");
#else
next_btn = rtgui_button_create("Next");
#endif
/* 设置onbutton动作到demo_view_next函数 */
rtgui_button_set_onbutton(next_btn, demo_view_next);
/* 设置按钮的位置信息 */
rtgui_widget_set_rect(RTGUI_WIDGET(next_btn), &rect);
/* 添加按钮到视图中 */
rtgui_container_add_child(container, RTGUI_WIDGET(next_btn));

/* 获得视图的位置信息 */
rtgui_widget_get_rect(RTGUI_WIDGET(container), &rect);
rtgui_widget_rect_to_device(RTGUI_WIDGET(container), &rect);
rect.x1 += 5;
rect.y2 -= 5;
rect.x2 = rect.x1 + 100;
rect.y1 = rect.y2 - 25;

/* 创建"上一个"按钮 */
#ifdef RTGUI_USING_FONTHZ
prev_btn = rtgui_button_create("上一个");
#else
prev_btn = rtgui_button_create("Previous");
#endif
/* 设置onbutton动作到demo_view_prev函数 */
rtgui_button_set_onbutton(prev_btn, demo_view_prev);
/* 设置按钮的位置信息 */
rtgui_widget_set_rect(RTGUI_WIDGET(prev_btn), &rect);
/* 添加按钮到视图中 */
rtgui_container_add_child(container, RTGUI_WIDGET(prev_btn));

/* 返回创建的视图 */
return container;

... ...

然后保存，重新scons编译，下载到开发板上，可以看到如下效果：



下图是未作修改rtgui_button_create()中的中文更换的button_view的的显示效果，左边的四个按钮的前景色应该分别是红色、蓝色、灰色和灰色，是但实际上没有显示出来。

【4】修改调色板

上面显示有一个问题，Red Left标签应显示红色，实际显示蓝色，而Blue Right标签应显示蓝色，实际显示红色。

打开rtgui\include\rtgui\color.h文件，在头文件的开始部分可以看到有关颜色的定义：

/*
* The color used in the GUI:
*
*         bit        bit
* RGB565  15 R,G,B   0
* BGR565  15 B,G,R   0
* RGB888  23 R,G,B   0
* ARGB888 31 A,R,G,B 0
* RGBA888 31 R,G,B,A 0
* ABGR888 31 A,B,G,R 0
*
* The rtgui_color is defined as ARGB888.
*        bit31 A,R,G,B bit0
*/
#define RTGUI_ARGB(a, r, g, b)  \
((rtgui_color_t)(((rt_uint8_t)(b)|\
(((unsigned long)(rt_uint8_t)(g))<<8))|\
(((unsigned long)(rt_uint8_t)(r))<<16)|\
(((unsigned long)(rt_uint8_t)(a))<<24)))
#define RTGUI_RGB(r, g, b)  RTGUI_ARGB(255, (r), (g), (b))

#define RTGUI_RGB_B(c)  ((c) & 0xff)
#define RTGUI_RGB_G(c)  (((c) >> 8)  & 0xff)
#define RTGUI_RGB_R(c)  (((c) >> 16) & 0xff)
#define RTGUI_RGB_A(c)  (((c) >> 24) & 0xff)

针对上面代码，修改如下：

<pre name="code" class="cpp">#ifdef RTGUI_USING_BRG565
#define RTGUI_ARGB(a, b, g, r)  \
((rtgui_color_t)(((rt_uint8_t)(b)|\
(((unsigned)(rt_uint8_t)(g))<<8))|\
(((unsigned long)(rt_uint8_t)(r))<<16)|\
(((unsigned long)(rt_uint8_t)(a))<<24)))
#define RTGUI_RGB(r, g, b)  RTGUI_ARGB(255, (b), (g), (r))

#define RTGUI_RGB_B(c)  ((c) & 0xff)
#define RTGUI_RGB_G(c)  (((c) >> 8)  & 0xff)
#define RTGUI_RGB_R(c)  (((c) >> 16) & 0xff)
#define RTGUI_RGB_A(c)  (((c) >> 24) & 0xff)

#else#define RTGUI_ARGB(a, r, g, b) \ ((rtgui_color_t)(((rt_uint8_t)(b)|\ (((unsigned long)(rt_uint8_t)(g))<<8))|\ (((unsigned long)(rt_uint8_t)(r))<<16)|\ (((unsigned long)(rt_uint8_t)(a))<<24)))#define RTGUI_RGB(r, g, b) RTGUI_ARGB(255, (r),
(g), (b))#define RTGUI_RGB_B(c) ((c) & 0xff)#define RTGUI_RGB_G(c) (((c) >> 8) & 0xff)#define RTGUI_RGB_R(c) (((c) >> 16) & 0xff)#define RTGUI_RGB_A(c) (((c) >> 24) & 0xff)#endif

修改完成后保存，然后打开rtgui_config.h文件，在55行附近加入RT_GUI_USING_BGR565定义，代码如下：

<pre name="code" class="cpp">#define RTGUI_USING_CAST_CHECK
//#define RTGUI_USING_DESKTOP_WINDOW
//#undef RTGUI_USING_SMALL_SIZE
//#define RTGUI_USING_TOUCHPANEL
//#define RTGUI_USING_CALIBRATION
#define RTGUI_USING_BRG565

修改完成后保存。重新scons编译，结果显示如下：



上图中"12 font"和“16 font”标签的颜色分别是改成了dark_grey和light_grey。

下一节将要解决，触摸屏驱动和矫正问题。