📄 基于 linux 和 minigui 的嵌入式系统软件开发指南（三）.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0053)http://www.pocketix.com/documents/tech/2001081001.htm -->
<HTML><HEAD><TITLE>基于 Linux 和 MiniGUI 的嵌入式系统软件开发指南（三）</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Language content=en-us>
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId><!--使鼠标指向链接显示红色和加上下划线-->
<STYLE type=text/css>TD {
FONT-SIZE: 10pt; LINE-HEIGHT: 19px; FONT-FAMILY: 宋体
}
P {
FONT-SIZE: 10pt; FONT-FAMILY: 宋体
}
A:visited {
FONT-SIZE: 10pt; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:link {
FONT-SIZE: 10pt; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 10pt; COLOR: #0000ff; FONT-FAMILY: "宋体"; TEXT-DECORATION: underline
}
</STYLE>
</HEAD>
<BODY leftMargin=6 topMargin=5>
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=690
borderColorLight=#000000 border=0>
<TBODY>
<TR>
<TD vAlign=top align=left><IMG height=60 alt=logo
src="基于 Linux 和 MiniGUI 的嵌入式系统软件开发指南（三）.files/pocketix_com_logo.gif"
width=220 border=0></TD>
<TD vAlign=center align=middle width=468>
<SCRIPT language=JavaScript
src="基于 Linux 和 MiniGUI 的嵌入式系统软件开发指南（三）.files/demo_1_banner.js"></SCRIPT>
</TD></TR></TBODY></TABLE></CENTER></DIV>
<DIV align=center>
<CENTER>
<TABLE height=15 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" background=""
height=15></TD></TR></TBODY></TABLE></CENTER></DIV>
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=20>
<TD width="100%"></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%">
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD align=middle width="100%"><FONT size=3>基于 Linux 和 MiniGUI
的嵌入式系统软件开发指南（三）<BR>对话框和控件编程 <BR></FONT><FONT
color=#999999>2001-08-10 嵌入式Linux 报道</FONT></TD></TR>
<TR>
<TD vAlign=top align=middle width="100%">
<HR SIZE=1>
</TD></TR></TBODY></TABLE></DIV>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD width="100%"><FONT face=宋体> 本文讲述 MiniGUI
中的对话框和控件编程。首先讲解 MiniGUI 中的控件类和控件实例的关系，并举例说明控件子类化的概念及应用；其次讲解 MiniGUI
对话框的编程技术，包括对话框模板的定义和对话框回调函数的编程；最后解释模态对话框和非模态对话框之间的区别。</FONT>
<P><FONT face=宋体> <A name=1><SPAN class=atitle2>1
引言</SPAN></A></FONT></P>
<P><FONT face=宋体>
对话框编程是一个快速构建用户界面的技术。通常，我们编写简单的图形用户界面时，可以通过调用 CreateWindow
函数直接创建所有需要的子窗口，即控件。但在图形用户界面比较复杂的情况下，每建立一个控件就调用一次 CreateWindow
函数，并传递许多复杂参数的方法很不可取。主要原因之一，就是程序代码和用来建立控件的数据混在一起，不利于维护。为此，一般的 GUI
系统都会提供一种机制，利用这种机制，通过指定一个模板，GUI 系统就可以根据此模板建立相应的主窗口和控件。MiniGUI
也提供这种方法，通过建立对话框模板，就可以建立模态或者非模态的对话框。</FONT></P>
<P><FONT face=宋体>
本文首先讲解组成对话框的基础，即控件的基本概念，然后讲解对话模板的定义，并说明模态和非模态对话框之间的区别以及编程技术。</FONT></P>
<P><FONT face=宋体> <A name=2><SPAN class=atitle2>2
控件和控件类</SPAN></A></FONT></P>
<P><FONT face=宋体>
许多人对控件（或者部件，widget）的概念已经相当熟悉了。控件可以理解为主窗口中的子窗口。这些子窗口的行为和主窗口一样，即能够接收键盘和鼠标等外部输入，也可以在自己的区域内进行输出――只是它们的所有活动被限制在主窗口中。MiniGUI
也支持子窗口，并且可以在子窗口中嵌套建立子窗口。我们将 MiniGUI 中的所有子窗口均称为控件。</FONT></P>
<P><FONT face=宋体> 在 Windows 或 X Window
中，系统会预先定义一些控件类，当利用某个控件类创建控件之后，所有属于这个控件类的控件均会具有相同的行为和显示。利用这些技术，可以确保一致的人机操作界面，而对程序员来讲，可以像搭积木一样地组建图形用户界面。MiniGUI
使用了控件类和控件的概念，并且可以方便地对已有控件进行重载，使得其有一些特殊效果。比如，需要建立一个只允许输入数字的编辑框时，就可以通过重载已有编辑框而实现，而不需要重新编写一个新的控件类。</FONT></P>
<P><FONT face=宋体> 如果读者曾经编写过 Windows
应用程序的话，应该记得在建立一个窗口之前，必须确保系统中存在新窗口所对应的窗口类。在 Windows
中，程序所建立的每个窗口，都对应着某种窗口类。这一概念和面向对象编程中的类、对象的关系类似。借用面向对象的术语，Windows
中的每个窗口实际都是某个窗口类的一个实例。在 X Window 编程中，也有类似的概念，比如我们建立的每一个 Widget，实际都是某个
Widget 类的实例。</FONT></P>
<P><FONT face=宋体>
这样，如果程序需要建立一个窗口，就首先要确保选择正确的窗口类，因为每个窗口类决定了对应窗口实例的表象和行为。这里的表象指窗口的外观，比如窗口边框宽度，是否有标题栏等等，行为指窗口对用户输入的响应。每一个
GUI
系统都会预定义一些窗口类，常见的有按钮、列表框、滚动条、编辑框等等。如果程序要建立的窗口很特殊，就需要首先注册一个窗口类，然后建立这个窗口类一个实例。这样就大大提高了代码的可重用性。</FONT></P>
<P><FONT face=宋体> 在 MiniGUI
中，我们认为主窗口通常是一种比较特殊的窗口。因为主窗口代码的可重用性一般很低，如果按照通常的方式为每个主窗口注册一个窗口类的话，则会导致额外不必要的存储空间，所以我们并没有在主窗口提供窗口类支持。但主窗口中的所有子窗口，即控件，均支持窗口类（控件类）的概念。MiniGUI
提供了常用的预定义控件类，包括按钮（包括单选钮、复选钮）、静态框、列表框、进度条、滑块、编辑框等等。程序也可以定制自己的控件类，注册后再创建对应的实例。表
1 给出了 MiniGUI 预先定义的控件类和相应类名称定义。</FONT></P>
<P><FONT face=宋体> 表 1 MiniGUI
预定义的控件类和对应类名称</FONT></P>
<TABLE cellSpacing=0 cellPadding=5 width="100%" border=1>
<TBODY>
<TR>
<TD><FONT face=宋体>控件类</FONT></TD>
<TD><FONT face=宋体>类名称</FONT></TD>
<TD><FONT face=宋体>宏定义</FONT></TD>
<TD><FONT face=宋体>备注</FONT></TD></TR>
<TR>
<TD><FONT face=宋体>静态框</FONT></TD>
<TD><FONT face=宋体>"static"</FONT></TD>
<TD><FONT face=宋体>CTRL_STATIC</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>按钮</FONT></TD>
<TD><FONT face=宋体>"button"</FONT></TD>
<TD><FONT face=宋体>CTRL_BUTTON</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>列表框</FONT></TD>
<TD><FONT face=宋体>"listbox"</FONT></TD>
<TD><FONT face=宋体>CTRL_LISTBOX</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>进度条</FONT></TD>
<TD><FONT face=宋体>"progressbar"</FONT></TD>
<TD><FONT face=宋体>CTRL_PRORESSBAR</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>滑块</FONT></TD>
<TD><FONT face=宋体>"trackbar"</FONT></TD>
<TD><FONT face=宋体>CTRL_TRACKBAR</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>单行编辑框</FONT></TD>
<TD><FONT face=宋体>"edit"、"sledit"</FONT></TD>
<TD><FONT face=宋体>CTRL_EDIT、CTRL_SLEDIT</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>多行编辑框</FONT></TD>
<TD><FONT face=宋体>"medit"、"mledit"</FONT></TD>
<TD><FONT face=宋体>CTRL_MEDIT、CTRL_MLEDIT</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>工具条</FONT></TD>
<TD><FONT face=宋体>"toolbar"</FONT></TD>
<TD><FONT face=宋体>CTRL_TOOLBAR</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>菜单按钮</FONT></TD>
<TD><FONT face=宋体>"menubutton"</FONT></TD>
<TD><FONT face=宋体>CTRL_MENUBUTTON</FONT></TD>
<TD><FONT face=宋体> </FONT></TD></TR>
<TR>
<TD><FONT face=宋体>树型控件</FONT></TD>
<TD><FONT face=宋体>"treeview"</FONT></TD>
<TD><FONT face=宋体>CTRL_TREEVIEW</FONT></TD>
<TD><FONT face=宋体>包含在 mgext 库，即MiniGUI 扩展库中。</FONT></TD></TR>
<TR>
<TD><FONT face=宋体>月历控件</FONT></TD>
<TD><FONT face=宋体>"monthcalendar"</FONT></TD>
<TD><FONT face=宋体>CTRL_MONTHCALENDAR</FONT></TD>
<TD><FONT face=宋体>同上</FONT></TD></TR>
<TR>
<TD><FONT face=宋体>旋钮控件</FONT></TD>
<TD><FONT face=宋体>"spinbox"</FONT></TD>
<TD><FONT face=宋体>CTRL_SPINBOX</FONT></TD>
<TD><FONT face=宋体>同上</FONT></TD></TR></TBODY></TABLE>
<P><FONT face=宋体> 在 MiniGUI 中，通过调用 CreateWindow
函数，可以建立某个控件类的一个实例。控件类既可以是表 1 中预定义 MiniGUI 控件类，也可以是用户自定义的控件类。与
CreateWindow 函数相关的几个函数的原型如下（include/window.h）：</FONT>
<TABLE cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc
border=1>
<TBODY>
<TR>
<TD><PRE><CODE><FONT face=宋体>
904 HWND GUIAPI CreateWindowEx (const char* spClassName, const char* spCaption,
905 DWORD dwStyle, DWORD dwExStyle, int id,
906 int x, int y, int w, int h, HWND hParentWnd, DWORD dwAddData);
907 BOOL GUIAPI DestroyWindow (HWND hWnd);
908
909 #define CreateWindow(class_name, caption, style, id, x, y, w, h, parent, add_data) \
910 CreateWindowEx(class_name, caption, style, 0, id, x, y, w, h, parent, add_data)
</FONT></CODE></PRE></TD></TR></TBODY></TABLE>
<P><FONT face=宋体> CreateWindow
函数建立一个子窗口，即控件。它指定了控件类、控件标题、控件风格，以及窗口的初始位置和大小。该函数同时指定子窗口的父窗口。CreateWindowEx
函数的功能和 CreateWindow 函数一致，不过，可以通过 CreateWindowEx
函数指定控件的扩展风格。DestroyWindow 函数用来销毁用上述两个函数建立的控件或者子窗口。</FONT> </P>
<P><FONT face=宋体> 清单 1
中的程序，利用预定义控件类创建控件。其中hStaticWnd1 是建立在主窗口 hWnd
中的静态框；hButton1、hButton2、hEdit1、hStaticWnd2则是建立在 hStaicWnd1
内部的几个控件，并作为 hStaticWnd1 的子控件而存在，建立了两个按钮、一个编辑框和一个静态按钮；而 hEdit2 是
hStaicWnd2 的子控件，是 hStaticWnd1 的子子控件。</FONT> </P>
<P><FONT face=宋体> 清单1 利用预定义控件类创建控件</FONT>
<TABLE cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc
border=1>
<TBODY>
<TR>
<TD><PRE><CODE><FONT face=宋体>
#define IDC_STATIC1 100
#define IDC_STATIC2 150
#define IDC_BUTTON1 110
#define IDC_BUTTON2 120
#define IDC_EDIT1 130
#define IDC_EDIT2 140
int ControlTestWinProc (HWND hWnd, int message, WPARAM wParam, LPARAM lParam)
{
static HWND hStaticWnd1, hStaticWnd2, hButton1, hButton2, hEdit1, hEdit2;
switch (message) {
case MSG_CREATE:
{
hStaticWnd1 = CreateWindow (CTRL_STATIC,
"This is a static control",
WS_CHILD | SS_NOTIFY | SS_SIMPLE | WS_VISIBLE | WS_BORDER,
IDC_STATIC1,
10, 10, 180, 300, hWnd, 0);
hButton1 = CreateWindow (CTRL_BUTTON,
"Button1",
WS_CHILD | BS_PUSHBUTTON | WS_VISIBLE,
IDC_BUTTON1,
20, 20, 80, 20, hStaticWnd1, 0);
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -