前言:
前面我们已经构造出来显示系统、输入系统、文字系统、UI系统、页面系统,这个项目百分之八十需要实现的都已经构建出来了,最后让我们对这个项目进行最后一项系统的搭建,也就是业务系统,说到业务大家应该就知道我们要干什么了,那就是把所有的代码整合到一起实现一些我们想要实现的功能。
目录
一、流程代码框架
1.业务系统流程图
2.主页面流程图:
3.main.c
4.main_page.c
二、处理配置文件
1.配置文件的样子
2. 怎么处理配置文件
3.config.h
4.config.c
三、生成界面
1.计算每个按钮的Region
2.main_page.c
四、处理输入事件
man_page.c
一、流程代码框架
1.业务系统流程图
2.主页面流程图:
3.main.c
#include <sys/mman.h>
#include <sys/types.h>
#include <sys/stat.h>
#include <unistd.h>
#include <linux/fb.h>
#include <fcntl.h>
#include <stdio.h>
#include <string.h>
#include <sys/ioctl.h>
#include <stdlib.h>#include <disp_manager.h>
#include <font_manager.h>int main(int argc, char **argv)
{PDispBuff ptBuffer;int error;if (argc != 2){printf("Usage: %s <font_file>\n", argv[0]);return -1;}/* 初始化显示系统 */ DisplayInit();SelectDefaultDisplay("fb");InitDefaultDisplay();ptBuffer = GetDisplayBuffer();/* 初始化输入系统 */ InputInit();IntpuDeviceInit();/* 初始化文字系统 */ FontsRegister();error = SelectAndInitFont("freetype", argv[1]);if (error){printf("SelectAndInitFont err\n");return -1;}/* 初始化页面系统 */ PagesRegister();/* 运行业务系统的主页面 */Page("main")->Run(NULL);return 0;
}
第22~26行:打印用法
第29~35行:初始化显示系统
第29行:初始化显示设备
第30行:选择默认的显示设备
第31行:初始化这个默认的设备
第35行:获得显示区域
第38、39行:初始化输入系统
第38行:初始化输入设备
第39行:选择默认输入设备
第43~50行:初始化文字系统
第45行:选择字库
第53行:初始化页面系统
第55行:运行业务系统的主页面
4.main_page.c
#include <page_manager.h>
#include <stdio.h>static void MainPageRun(void *pParams)
{/* 读取配置文件 *//* 根据配置文件生成按钮、界面 */while (1){/* 读取输入事件 *//* 根据输入事件找到按钮 *//* 调用按钮的OnPressed函数 */}
}static PageAction g_tMainPage = {.name = "main",.Run = MainPageRun,
};void MainPageRegister(void)
{PageRegister(&g_tMainPage);
}
二、处理配置文件
对于我们要制作的页面,里面有很多按钮,那么我们怎么知道每个按钮里面都存放着什么呢?这时我们就需要配置文件,以后我们想要打开哪个按钮,调整测试模块时,可以直接修改配置文件即可,就不需要重新修改,编译程序就可以带来非常大的灵活性。
1.配置文件的样子
2. 怎么处理配置文件
对于配置文件的每一行,都创建一个ItemCfg结构体
并对外提供函数,比如获得某个配置项
3.config.h
#ifndef _CONFIG_H
#define _CONFIG_H#include <common.h>#define ITEMCFG_MAX_NUM 30
#define CFG_FILE "/etc/test_gui/gui.conf"typedef struct ItemCfg {int index;char name[100];int bCanBeTouched;char command[100];
}ItemCfg, *PItemCfg;int ParseConfigFile(void);
int GetItemCfgCount(void);
PItemCfg GetItemCfgByIndex(int index);
PItemCfg GetItemCfgByName(char *name);#endif
第7行:解析配置文件,得到的结构体保存到数组里,数组的内存大小为30
第8行:提供默认的配置文件
第11行:描述配置文件的哪一项
第12行:描述配置文件的名字
第13行:描述能否被点击
第14行:状态发生变化时调用某个命令
第17行:传入配置文件的名字解析配置文件,得到ItemCfg结构体
第18行:确定有多少行,也就是确定出有多少个按钮
第19行:传入某个index,返回某个配置项
第20行:传入名字,返回某个配置项
4.config.c
#include <config.h>
#include <stdio.h>static ItemCfg g_tItemCfgs[ITEMCFG_MAX_NUM];
static int g_iItemCfgCount = 0;int ParseConfigFile(char *strFileName)
{FILE *fp;char buf[100];char *p = buf;/* 1. open config file */fp = fopen(CFG_FILE, "r");if (!fp){printf("can not open cfg file %s\n", CFG_FILE);return -1;}while (fgets(buf, 100, fp)){/* 2.1 read each line */buf[99] = '\0'; /* 2.2 吃掉开头的空格或TAB */p = buf;while (*p == ' ' || *p =='\t')p++;/* 2.3 忽略注释 */if (*p == '#')continue;/* 2.4 处理 */g_tItemCfgs[g_iItemCfgCount].command[0] = '\0';g_tItemCfgs[g_iItemCfgCount].index = g_iItemCfgCount;sscanf(p, "%s %d %s", g_tItemCfgs[g_iItemCfgCount].name, &g_tItemCfgs[g_iItemCfgCount].bCanBeTouched, \g_tItemCfgs[g_iItemCfgCount].command);g_iItemCfgCount++; }return 0;
}int GetItemCfgCount(void)
{return g_iItemCfgCount;
}PItemCfg GetItemCfgByIndex(int index)
{if (index < g_iItemCfgCount)return &g_tItemCfgs[index];elsereturn NULL;
}PItemCfg GetItemCfgByName(char *name)
{int i;for (i = 0; i < g_iItemCfgCount; i++){if (strcmp(name, g_tItemCfgs[i].name) == 0)return &g_tItemCfgs[index];}return NULL;
}
第6行:解析配置文件,得到ItemCfg结构体保存到g_tItemCfgs[ITEMCFG_MAX_NUM]这个数组里
第7行:解析配置文件以后,记录配置文件有多少项
int ParseConfigFile(char *strFileName)
第9~45行: 进行解析配置文件
第13行:读进一行放到buf数组里
第16行:打开文件 ,只需要读(r)即
第19行:如果没有打开的话,打印不能打开这个文件,表示配置失败
第23行:fgets(buf, 100, fp)读入一行
第26行:读出每一行,最大数量是100
第29~31行:吃掉开头的空格或TAB
第34~35行:忽略注释
第38~42行:进行处理
第38行:根据command[0] 是否为 '\0' 来判断g_tItemCfgs里是否有命令,如果第0项没有command就表明command从配置文件里面得到了他的值
第44行:返回0表示成功
int GetItemCfgCount(void)
第47~50行:确定有多少行,也就是确定出有多少个按钮,直接获得g_iItemCfgCount即可
PItemCfg GetItemCfgByIndex(int index)
第52~58行:通过index获得某一项
PItemCfg GetItemCfgByName(char *name)
第60~69行:通过名字获得某一项
三、生成界面
想显示这样的界面
通过配置文件可以知道有哪些按钮,知道每个按钮的名字
只剩最后一项了:怎么确定每个按钮的位置、大小?需要计算!
1.计算每个按钮的Region
2.main_page.c
#include <config.h>
#include <page_manager.h>
#include <stdio.h>
#include <math.h>#define X_GAP 5
#define Y_GAP 5static Button g_tButtons[ITEMCFG_MAX_NUM];static void GenerateButtons(void)
{int width, height;int n_per_line;int row, rows;int col;int n;PDispBuff pDispBuff;int xres, yres;int start_x, start_y;int pre_start_x, pre_start_y;PButton pButton;int i = 0;/* 算出单个按钮的width/height */n = GetItemCfgCount();pDispBuff = GetDisplayBuffer();xres = pDispBuff->iXres;yres = pDispBuff->iYres;width = sqrt(1.0/0.618 *xres * yres / n);n_per_line = xres / width + 1;width = xres / n_per_line;height = 0.618 * width; /* 居中显示: 计算每个按钮的region */start_x = (xres - width * n_per_line) / 2;rows = n / n_per_line;if (rows * n_per_line < n)rows++;start_y = (yres - rows*height)/2;/* 计算每个按钮的region */for (row = 0; (row < rows) && (i < n); row++){pre_start_y = start_y + row * height;pre_start_x = start_x - width;for (col = 0; (col < n_per_line) && (i < n); col++){pButton = g_tButtons[i];pButton->tRegion.iLeftUpX = pre_start_x + width;pButton->tRegion.iLeftUpY = pre_start_y;pButton->tRegion.iWidth = width - X_GAP;pButton->tRegion.iHeigh = height - Y_GAP;pre_start_x = pButton->tRegion.iLeftUpX;/* InitButton */InitButton(pButton, GetItemCfgByIndex(i)->name, NULL, NULL, NULL);i++;}}/* OnDraw */for (i = 0; i < n; i++)g_tButtons[i].OnDraw(&g_tButtons[i], pDispBuff);
}static void MainPageRun(void *pParams)
{int error;/* 读取配置文件 */error = ParseConfigFile();if (error)return error;/* 根据配置文件生成按钮、界面 */GenerateButtons();while (1){/* 读取输入事件 *//* 根据输入事件找到按钮 *//* 调用按钮的OnPressed函数 */}
}static PageAction g_tMainPage = {.name = "main",.Run = MainPageRun,
};void MainPageRegister(void)
{PageRegister(&g_tMainPage);
}
第77~75行:读取配置文件
第80~89行:根据配置文件生成按钮、界面
static void GenerateButtons(void)
第13~69行:生成按钮
第28~36行:算出单个按钮的width/height
第28行:算出有多少个按钮
第30~32行:获得屏幕分辨率
第33行:算出按钮理想宽度
第34行:算出每一行最多显示出多少个按钮
第35行:再反算出实际按钮宽度
第36行:根据宽度算出高度
第39~44行:居中显示: 计算每个按钮的区域region
第39~44行:算出左上角的具体位置
第40行:算出有多少行
第41行:如果rows * n_per_line < n则有小数出现,需要给rows++
第46~64行:计算每个按钮的区域region
第49、50行:前一个按钮的位置
第54、55行:计算下一个按钮的位置
第56、57行:计算下一个按钮的宽度和高度,并且留5个距离的间隙
第58行:更新起始位置
第61行:初始化按钮
GetItemCfgByIndex(i)->name从配置文件中得到
void InitButton(PButton ptButton, char *name, PRegion ptRegion, ONDRAW_FUNC OnDraw, ONPRESSED_FUNC OnPressed) {ptButton->status = 0;ptButton->name = name;if (ptRegion)ptButton->tRegion = *ptRegion;ptButton->OnDraw = OnDraw ? OnDraw : DefaultOnDraw;ptButton->OnPressed = OnPressed ? OnPressed : DefaultOnPressed; }
第67~68行:显示出按钮
四、处理输入事件
我们得到的输入事件,可能来自触摸屏,也可能是其他APP发来的网络数据
对于触摸屏事件,根据iX、iY找到按钮
对于网络数据,我们限定为这样的格式:
“name ok”、“name err”、“name 70%”
根据name找到按钮
对于按钮,我们要提供自己的OnPressed函数,不适用UI系统默认的函数
man_page.c
#include <config.h>
#include <page_manager.h>
#include <stdio.h>
#include <math.h>#define X_GAP 5
#define Y_GAP 5static Button g_tButtons[ITEMCFG_MAX_NUM];
static int g_tButtonCnt;static int MainPageOnPressed(struct Button *ptButton, PDispBuff ptDispBuff, PInputEvent ptInputEvent)
{unsigned int dwColor = BUTTON_DEFAULT_COLOR;char name[100];char status[100];char *strButton;/* 1. 对于触摸屏事件 */if (ptInputEvent->iType == INPUT_TYPE_TOUCH){/* 1.1 分辨能否被点击 */if (GetItemCfgByName(ptButton->name)->bCanBeTouched == 0)return -1;/* 1.2 修改颜色 */ptButton->status = !ptButton->status;if (ptButton->status)dwColor = BUTTON_PRESSED_COLOR;strButton = ptButton->name;}else if (ptInputEvent->iType == INPUT_TYPE_NET){/* 2. 对于网络事件 */strButton = ptButton->name;/* 根据传入的字符串修改颜色 : wifi ok, wifi err, burn 70 */sscanf(ptInputEvent->str, "%s %s", name, status);if (strcmp(status, "ok") == 0)dwColor = BUTTON_PRESSED_COLOR;else if (strcmp(status, "err") == 0)dwColor = BUTTON_DEFAULT_COLOR;else if (status[0] >= '0' && status[0] <= '9'){ dwColor = BUTTON_PERCENT_COLOR;strButton = status; }elsereturn -1;}/* 绘制底色 */DrawRegion(&ptButton->tRegion, dwColor);/* 居中写文字 */DrawTextInRegionCentral(strButton, &ptButton->tRegion, BUTTON_TEXT_COLOR);/* flush to lcd/web */FlushDisplayRegion(&ptButton->tRegion, ptDispBuff);return 0;
}static void GenerateButtons(void)
{int width, height;int n_per_line;int row, rows;int col;int n;PDispBuff pDispBuff;int xres, yres;int start_x, start_y;int pre_start_x, pre_start_y;PButton pButton;int i = 0;/* 算出单个按钮的width/height */g_tButtonCnt = n = GetItemCfgCount();pDispBuff = GetDisplayBuffer();xres = pDispBuff->iXres;yres = pDispBuff->iYres;width = sqrt(1.0/0.618 *xres * yres / n);n_per_line = xres / width + 1;width = xres / n_per_line;height = 0.618 * width; /* 居中显示: 计算每个按钮的region */start_x = (xres - width * n_per_line) / 2;rows = n / n_per_line;if (rows * n_per_line < n)rows++;start_y = (yres - rows*height)/2;/* 计算每个按钮的region */for (row = 0; (row < rows) && (i < n); row++){pre_start_y = start_y + row * height;pre_start_x = start_x - width;for (col = 0; (col < n_per_line) && (i < n); col++){pButton = g_tButtons[i];pButton->tRegion.iLeftUpX = pre_start_x + width;pButton->tRegion.iLeftUpY = pre_start_y;pButton->tRegion.iWidth = width - X_GAP;pButton->tRegion.iHeigh = height - Y_GAP;pre_start_x = pButton->tRegion.iLeftUpX;/* InitButton */InitButton(pButton, GetItemCfgByIndex(i)->name, NULL, NULL, MainPageOnPressed);i++;}}/* OnDraw */for (i = 0; i < n; i++)g_tButtons[i].OnDraw(&g_tButtons[i], pDispBuff);
}static int isTouchPointInRegion(int iX, int iY, PRegion ptRegion)
{if (iX < ptRegion->iLeftUpX || iX >= ptRegion->iLeftUpX + ptRegion->iWidth)return 0;if (iY < ptRegion->iLeftUpY || iY >= ptRegion->iLeftUpY + ptRegion->iHeigh)return 0;return 1;
}static PButton GetButtonByName(char *name)
{int i;for (i = 0; i < g_tButtonCnt; i++){if (strcmp(name, g_tButtons[i].name) == 0)return &g_tButtons[i];}return NULL;
}static PButton GetButtonByInputEvent(PInputEvent ptInputEvent)
{int i;char name[100];if (ptInputEvent->iType == INPUT_TYPE_TOUCH){for (i = 0; i < g_tButtonCnt; i++){if (isTouchPointInRegion(ptInputEvent->iX, ptInputEvent->iY, &g_tButtons[i].tRegion))return &g_tButtons[i];}}else if (ptInputEvent->iType == INPUT_TYPE_NET){sscanf(ptInputEvent->str, "%s", name);return GetButtonByName(name);}else{return NULL;}
}static void MainPageRun(void *pParams)
{int error;InputEvent tInputEvent;PButton ptButton;PDispBuff ptDispBuff = GetDisplayBuffer();/* 读取配置文件 */error = ParseConfigFile();if (error)return error;/* 根据配置文件生成按钮、界面 */GenerateButtons();while (1){/* 读取输入事件 */error = GetInputEvent(&tInputEvent);if (error)continue;/* 根据输入事件找到按钮 */ptButton = GetButtonByInputEvent(&tInputEvent);if (!ptButton)continue;/* 调用按钮的OnPressed函数 */ptButton->OnPressed(ptButton, ptDispBuff, &tInputEvent);}
}static PageAction g_tMainPage = {.name = "main",.Run = MainPageRun,
};void MainPageRegister(void)
{PageRegister(&g_tMainPage);
}
第82行:计算按钮的个数
第115行:初始化按钮时候提供我们自己的处理函数 MainPageOnPressed
第190~204行:
第193~195行:读取输入事件,得到的数据保存在tInputEvent这个结构体里
第198~200行:根据输入事件找到按钮
第203行:调用按钮的OnPressed函数
static PButton GetButtonByInputEvent(PInputEvent ptInputEvent)
第151~173行:根据输入事件找到按钮
第156~163行:判断事件的类型是否为触摸屏
第160行:遍历每个按钮并且找寻触点
第164~168行:判断事件的类型是否为网络数据
第166行:将网络数据名字提取出来
第167行:根据名字找到按钮
static int isTouchPointInRegion(int iX, int iY, PRegion ptRegion)
第125~134行:寻找触点
static PButton GetButtonByName(char *name)
第137~148行:根据网络数据输入的名字找到按钮
static int MainPageOnPressed(struct Button *ptButton, PDispBuff ptDispBuff, PInputEvent ptInputEvent)
第13~64行:之前是默认的处理函数,现在我们要提供自己自定义的处理函数
第15行:设置默认按钮颜色为红色
第21行:判断是否是触摸屏事件
第24行:判断是否能被点击
第28行:修改颜色
第34行:判断是否为网络事件
第40~51行:根据传入的字符串进行判断是否修改颜色
在ui.h里面多定义一个颜色”蓝色“
#define BUTTON_PERCENT_COLOR 0x0000ff
献上韦东山老师对以上代码流程的梳理过程