×
环境：
主机:WIN10
开发环境:MDK5.13
MCU:STM32F103
说明：
前面的文章已经介绍了本GUI的基本功能，目前有的控件有文本控件，图片控件，以及进度条控件，这是我项目中所需要的，读者可以参考这些代码增加自己所需的控件。本文展示一个综合实例，显示一个完整的界面。文中用到调度框架pt-thread。
实现效果：
源代码：
gui.h:gui头文件
/**
* Copyright (c), 2015-2025
* @file gui.h
* @brief gui头文件
* @author jdh
* @version 1.0
* @date 2015/9/6
*/
#ifndef _GUI_H_
#define _GUI_H_
/*********************************************************************
* 头文件
**********************************************************************/
#include "gui_interface.h"
#include "gui_text_lib.h"
#include "gui_2d_lib.h"
#include "gui_widget_text.h"
#include "gui_widget_image.h"
#include "gui_widget_progbar.h"
/*********************************************************************
* 函数
**********************************************************************/
/**
* @brief 初始化gui
*/
void gui_init(void);
/**
* @brief 销毁控件
* @param handle:控件句柄
*/
void gui_widget_delete(void *handle);
#endif
gui.c:gui主文件
/**
* Copyright (c), 2015-2025
* @file gui.c
* @brief gui主文件
* @author jdh
* @date 2015/9/6
*/
/*********************************************************************
* 头文件
**********************************************************************/
#include "gui.h"
#include "stdlib.h"
/*********************************************************************
* 函数
**********************************************************************/
/**
* @brief 初始化gui
*/
void gui_init(void)
{
// //初始化字库
// font_init();
}
/**
* @brief 销毁控件
* @param handle:控件句柄
*/
void gui_widget_delete(void *handle)
{
free(handle);
handle = (void *)0;
}
实例：
gui_mode_fence.h
/**
* Copyright (c), 2015-2025
* @file gui_mode_fence.h
* @brief 围栏界面模块头文件
* @author jdh
* @date 2015/11/22
*/
#ifndef _GUI_MODE_FENCE_H_
#define _GUI_MODE_FENCE_H_
/*********************************************************************
* 头文件
**********************************************************************/
#include "world.h"
/*********************************************************************
* 宏定义
**********************************************************************/
/**
* @brief 工作间隔,单位:ms
*/
#define INTERVAL_GUI_MODE_FENCE 100
/*********************************************************************
* 函数
**********************************************************************/
/**
* @brief 模块载入
*/
void gui_mode_fence_load(void);
/**
* @brief 模块运行
*/
void gui_mode_fence_run(void);
/**
* @brief 设置显示状态
* @param enable:0:关闭显示,1:打开显示
*/
void gui_mode_fence_show(uint8_t enable);
/**
* @brief 得到当前的显示状态
* @retval 0:关闭显示,1:打开显示
*/
uint8_t gui_mode_fence_get_show(void);
#endif
gui_mode_fence.c
/**
* Copyright (c), 2015-2025
* @file gui_mode_fence.c
* @brief 围栏模式界面模块主文件
* @author jdh
* @date 2015/11/22
* @update 2015/12/11
*/
/*********************************************************************
* 头文件
**********************************************************************/
#include "gui_mode_fence.h"
#include "status_bar.h"
#include "gui_schedule.h"
#include "para_manage.h"
#include "slave_manage.h"
/*********************************************************************
* 数据结构
**********************************************************************/
/**
* @brief 按键状态
*/
struct _Key_State
{
uint8_t ok;
uint8_t cancel;
uint8_t left;
uint8_t right;
};
/*********************************************************************
* 静态变量
**********************************************************************/
/**
* @brief pt任务变量
*/
static struct pt pt_task;
/**
* @brief 当前显示状态.0:未显示,1显示
*/
static uint8_t State_Show = 0;
/**
* @brief 控件
*/
//警报距离
static Widget_Text_Handle Widget_Text_Alarm_Distance;
//状态
static Widget_Text_Handle Widget_Text_State;
//距离
static Widget_Text_Handle Widget_Text_Distance;
/**
* @brief 按键状态
*/
static struct _Key_State Key_State =
{
.ok = 0,
.cancel = 0,
.left = 0,
.right = 0
};
/**
* @brief 从机信息
*/
static struct _Slave_Info Slave_Info_Show;
/*********************************************************************
* 静态函数
**********************************************************************/
/**
* @brief 任务运行
* @retval 任务状态
*/
static int pt_run(struct pt *pt);
/**
* @brief 按键处理
*/
static void deal_key(void);
/**
* @brief 更新界面
*/
static void refresh_ui(void);
/*********************************************************************
* 函数
**********************************************************************/
/**
* @brief 模块载入
*/
void gui_mode_fence_load(void)
{
//载入任务
PT_INIT(&pt_task);
}
/**
* @brief 模块运行
*/
void gui_mode_fence_run(void)
{
//启动任务
pt_run(&pt_task);
}
/**
* @brief 设置显示状态
* @param enable:0:关闭显示,1:打开显示
*/
void gui_mode_fence_show(uint8_t enable)
{
uint8_t distance_alarm = 0;
char str[32] = {0};
//判断当前状态
if (State_Show == enable)
{
return;
}
State_Show = enable;
if (State_Show)
{
//清屏
gui_fill_rect(0,0,LCD_WIDTH - 1,LCD_HEIGHT - 1,0);
//显示状态栏
status_bar_show(ON);
//显示其他控件
//读取报警距离
distance_alarm = para_manage_read_distance_alarm();
sprintf(str,"%dm",distance_alarm);
Widget_Text_Alarm_Distance = gui_widget_text_create(93,20,30,20,GB18030_20X20,str);
Widget_Text_State = gui_widget_text_create(93,40,30,20,GB18030_20X20,"正常");
Widget_Text_Distance = gui_widget_text_create(0,27,87,30,GB18030_37X37B,"0.0m");
refresh_ui();
}
else
{
status_bar_show(OFF);
gui_widget_delete(Widget_Text_Alarm_Distance);
gui_widget_delete(Widget_Text_State);
gui_widget_delete(Widget_Text_Distance);
}
}
/**
* @brief 得到当前的显示状态
* @retval 0:关闭显示,1:打开显示
*/
uint8_t gui_mode_fence_get_show(void)
{
return State_Show;
}
/**
* @brief 任务运行
* @retval 任务状态
*/
static int pt_run(struct pt *pt)
{
static T_Time time_delay;
PT_BEGIN(pt);
//等待显示
PT_WAIT_UNTIL(pt,State_Show);
//等待
time_delay = get_time();
PT_WAIT_UNTIL(pt,sub_time_safe(get_time(),&time_delay) > INTERVAL_GUI_MODE_FENCE * 1000 || State_Show == OFF);
if (State_Show)
{
//更新状态栏
status_bar_refresh();
//更新界面
refresh_ui();
//处理按键
deal_key();
}
PT_END(pt);
}
/**
* @brief 按键处理
*/
static void deal_key(void)
{
uint8_t distance_alarm = 0;
char str[32] = {0};
if (inf_key_detect_hold(KEY_CANCEL))
{
if (Key_State.cancel == 0)
{
Key_State.cancel = 1;
return;
}
}
else
{
if (Key_State.cancel == 1)
{
Key_State.cancel = 0;
return;
}
}
if (inf_key_detect_hold(KEY_OK))
{
if (Key_State.ok == 0)
{
Key_State.ok = 1;
distance_alarm = para_manage_read_distance_alarm();
switch (distance_alarm)
{
case 5:
{
distance_alarm = 10;
break;
}
case 10:
{
distance_alarm = 20;
break;
}
case 20:
{
distance_alarm = 30;
break;
}
case 30:
{
distance_alarm = 5;
break;
}
default:
{
distance_alarm = 10;
break;
}
}
para_manage_earase_para(2);
para_manage_save_valid(2);
para_manage_save_distance_alarm(distance_alarm);
sprintf(str,"%dm",distance_alarm);
gui_widget_text_set_text(Widget_Text_Alarm_Distance,GB18030_20X20,str);
return;
}
}
else
{
if (Key_State.ok == 1)
{
Key_State.ok = 0;
return;
}
}
if (inf_key_detect_hold(KEY_LEFT))
{
if (Key_State.left == 0)
{
Key_State.left = 1;
//设置为停止中模式
para_manage_save_work_mode(MODE_STOPING);
//切换到停止进度界面
gui_schedule_switch(GUI_STOP_PROGRESS);
return;
}
}
else
{
if (Key_State.left == 1)
{
Key_State.left = 0;
return;
}
}
if (inf_key_detect_hold(KEY_RIGHT))
{
if (Key_State.right == 0)
{
Key_State.right = 1;
//设置为搜索模式
para_manage_save_work_mode(MODE_SEARCH);
//切换到搜索模式界面
gui_schedule_switch(GUI_MODE_SEARCH);
return;
}
}
else
{
if (Key_State.right == 1)
{
Key_State.right = 0;
return;
}
}
}
/**
* @brief 更新界面
*/
static void refresh_ui(void)
{
char str[32] = {0};
uint16_t slave_id = 0;
struct _Slave_Info slave_info;
//从机数量
if (para_manage_read_slave_num() == 0)
{
return;
}
//读取从机id
slave_id = para_manage_read_slave_id(1);
//读取从机信息
slave_info = slave_manage_read_slave(slave_id);
//状态
if (Slave_Info_Show.state != slave_info.state)
{
Slave_Info_Show.state = slave_info.state;
switch (Slave_Info_Show.state)
{
case 0:
{
gui_widget_text_set_text(Widget_Text_State,GB18030_20X20,"正常");
break;
}
case 1:
{
gui_widget_text_set_text(Widget_Text_State,GB18030_20X20,"低电");
break;
}
case 2:
{
gui_widget_text_set_text(Widget_Text_State,GB18030_20X20,"超距");
break;
}
case 3:
{
gui_widget_text_set_text(Widget_Text_State,GB18030_20X20,"失踪");
break;
}
}
}
//距离
if (Slave_Info_Show.distance != slave_info.distance)
{
Slave_Info_Show.distance = slave_info.distance;
sprintf(str,"%.1fm",Slave_Info_Show.distance);
gui_widget_text_set_text(Widget_Text_Distance,GB18030_37X37B,str);
}
}
『本文转载自网络,版权归原作者所有,如有侵权请联系删除』
热门文章
更多
如何为单片机选择合适的负载电容
APP下载
登录
