看了“自己动手设计并实现一个linux嵌入式UI框架”显然没有尽兴,因为还没有看到庐山真面目,那我今天继续,先来说说,我用到了哪些知识背景。如:C语言基础知识,尤其是指针、函数指针、内存分布,linux 基础知识、如消息队列、framebuffer、多线程、多线程同步、等,数据结构、算法(如链表、队列等),window .netframework 框架设计思想,设计模式如 mvc、观察者、单例、工厂等。知识点有点多,每个知识点有机的组合在一起,形成了一个知识网,构成了一个系统。以上提到的知识点,如果不是很了解推荐看看。
一般来说UI框架需要包含哪些组件?我来整理下:
首先UI框架是要展现给用户看的,那么一个窗口肯定是要有的;
其次,是在该窗口应该还可以显示其他控件如按钮、文本框等;
然后是支持交互操作,那么它就支持事情处理,如触摸事件、按键事件等;
最后框架是给开发人员开发应用用的,那么要有友好的接口。
我设计的这个嵌入式UI框架以表达设计思想,逻辑处理为目的,内部设计与实现会简单明了,尽量减少复杂度。
“一年之计在于春,一天之计在于晨”,一个UI框架之计在与数据结构,都硕算法+数据结构就是程序的灵魂,我们就来个千里之行,始于数据结构。
我划分了几个部分,如上图所示,取最关键的成员(结构与方法),描述会比较啰嗦,我直接列出公共的数据结构:
typedef void(*EventHandler)(void *object, void *msg);
typedef int (*MatchHandler )(void *object1, void *object2);
typedef struct _Rectangle
{
int x;
int y;
int width;
int height;
} Rectangle,*RectanglePtr;
//控件类型
typedef enum
{
WIN_NULL=0, // NUll
WIN_WINDOW, // window
WIN_STATIC, // static
WIN_EDIT, // edit
WIN_BUTTON // button
}ControlType;
typedef enum
{
LEFT=0,
MIDDLE,
RIGHT,
TOP,
BOTTOM
}TextAlign;
typedef struct _WinBaseBufInfo
{
//待绘内存起始地址
unsigned char *pdstbuf;
unsigned int dstpaddr;
int width;
int height;
//一行的内存长度
int stride;
}WinBaseBufInfo,*WinBaseBufInfoPtr;
typedef struct _BaseControl
{
Rectangle rect;
unsigned char visible;
unsigned char enable;
EventHandler eventcallback;
EventHandler keyeventcallback;
void* parent;
void* tag;
}BaseControl,*BaseControlPtr;
//链表节点
typedef struct ControlsList
{
ControlType contype;
void *pcontrol;
struct ControlsList *pnext;
struct ControlsList *pprev;
}ControlsList;
先介绍Utils的作用,DrawJpeg与DrawText的作用,直接望文生义,就是绘图、绘字,但里面会涉及libjpeg、点阵字库。细节先不细究。
Eventhandler的作用就是处理消息事件(触摸、按键)
Application就是程序信息
Window、Button、Edit是基础控件
为什么结构体要这么定义,在接下来具体实现中,与代码结合起来就明白了。
设计部分先到这里了,下一篇就是讲具体控件的实现。