东北大学,数据库开发技术,课件,第6章图形界面设计与项目.ppt

第6章 图形界面设计与项目管理 6.1 菜单的设计 6.2 工具栏的设计 6.3 状态栏的设计 6.4 按钮及面板的设计 6.5 文本对象的设计 6.6 有关窗体的操作 6.7 有关代码编辑器的使用 6.8 项目管理 6.1 菜单的设计 6.1.1 菜单界面 6.1.2 主菜单设计 6.1.3 弹出型菜单设计 6.1.1 菜单界面 菜单命令被选中后，一般来说有以下三种作用： 用于执行某种应用程序的操作。 用于设置某特殊选项的状态，这些命令常用复选标记 “”或单选标记“”来表明该选项是否处于有效状态。 用于打开对话框，具体操作在对话框中进行。 图4-1 Word XP中文版“插入”菜单 6.1.2 主菜单设计 1、MainMenu控件的设计 用鼠标右键单击MainMenu控件图标，打开一个弹出 式菜单，从中选择MenuDesigner命令。 先在窗体中单击MainMenu控件图标，然后在对象监 视器中单击Items属性编辑框右边的省略号按钮。打 开后的主菜单设计器窗口如图4-2所示。 鼠标双击窗体中的MainMenu控件图标。 图4-2 主菜单设计器窗口 2菜单设计方法 （1）增加菜单项（如图4-3所示） （2）编辑菜单项 （3）插入菜单项（如图4-4所示） （4）删除菜单项 （5）增加分隔条（如图4-5所示） （6）定义加速键和快捷键（如图4-6、4-7所示） （7）调整菜单位置（见图4-8） （8）创建子菜单 （9）菜单模板（如图4-9所示） 图4-3 设置中的“文件”菜单 图4-4 插入菜单项窗口 图4-5 设计了分隔条的“文件”菜单 图4-6 “文件”菜单示例 图4-7 加速键设计图 图4-8 菜单设计器的弹出式菜单 图4-9 菜单模板窗口 图4-10 保存模板对话框 6.1.3 弹出型菜单设计 选中Form对象后转换到属性页，并单击“PopupMenu” 右边的空白框，选中设计完的弹出型菜单名称，最后运 行程序即可如图所示。 图4-11 激活的弹出式菜单 6.2 工具栏的设计 （1）启动新窗口 （2）选择WIN32中的TOOLBAR控件 （3）添加按钮（如图4-12所示） （4）为按钮提供位图（如图4-1315所示） （5）为各个按钮添加提示信息 （6）分别为有关工具按钮添加有关事件代码。 图4-12 工具栏设计菜单 图4-13 选择图像窗口 图4-14 设置Images特性 图4-15 添加完图标的工具栏 6.3 状态栏的设计 （1）单击Win32页中的StatusBar状态栏控件见图4- 16 （2）双击状态栏的Panels属性，并从中选择 “Panels Editor”命令即可，如图4-17所示。 （3）单击窗口中的“New”按钮，就会增加一个子面 板。 （4）在对象监视器中设置子面板的属性。 （5）关闭Editing StatusBar1.Panels窗口。 图4-16 具有状态栏的窗口 图4-17 Editing StatusBar1.Panels窗口 6.4 按钮及面板的设计 6.4.1 基本命令按钮 6.4.2 位图命令按钮 6.4.3 单选按钮 6.4.4 分组框 6.4.5 单选按钮组 6.4.6 面板 6.4.7 框架 6.4.8 状态面板 6.4.1 基本命令按钮 属性数据类型说明 NameString按钮的名称，编写程序代码时使用它 CaptionString按钮的标题，就是按钮上显示的文字。可以为按钮指 定快捷键 Cancle Boolean 缺省值为False，当取值为True时，无论何时按下Esc 键，按钮中Taborder值最小的按钮会产生Onclick事件 Default Boolean 当属性值为True时，按下Enter键，当前按钮产生 Onclick事件，缺省值为True HintString按钮的提示文本保存在这里，当鼠标光标停留时，显 示提示文本 ShowhintBoolean确定是否显示提示文本，缺省值为False 表4-1 按钮的主要属性 6.4.2 位图命令按钮 属性数据类型说明 Kind Glyph Layout Margin NumGlyphs Style TBitBtnKind TBitmap Tbuttonlayout Integer TNumGlyphs Tbuttonstyle 用于确定按钮的类型，缺省值为自定义型bkcustom 用于指定要显示在位图按钮上的位图 决定位图按钮上图像和文字的位置，有Left，Right ，Top，Bottom四个值分别表示位图位于位图按钮的 左、右、上、下 用于设定图像与按钮的边界之间的距离（以像素为 单位），默认值为1，表示图像和文字总是居中， 设为0表示紧挨着按钮的边界 指定位图按钮使用的位图的数目，只能为1，2，3， 4 确定位图按钮的外观显示方式，缺省为bsautodetect 表4-2 位图按钮的属性 表4-3 各按钮属性 属性Butto n1 Butto n2 BitBtn 1 BitBti n2 BitBt n1 BitBt n2 CaptionButto n1 Butto n2 对话框和/标准的分隔符，可作为数据的一部分。其中/在显示时为而非/ 表4-12 输入格式符(2) 6.5.5 列表框 列表框控件的一些常用属性有： ExtendedSelect、 Items、 ItemIndex、 MultiSelected、 SelCount、 Selected、 Sorted。 6.5.6 组合框 组合框的常用属性有： Text、 SelText、 SelStart、 SelLength、Style 设计后的效果如图4-37所示。 图4-37 列表框使用实例 （1）单击“File”菜单的“Application”命令，开始一个 新的应用程序。 （2）设置窗体属性（如表4-13所示）。 （3）设置完后往窗体中添加控件。 （4）在对象编辑器中设置各个控件的属性值（如表4- 14所示）。 （5）为各个控件添加事件（如表4-15）。 （6）添加完事件后，为各个事件编写事件代码（如图 4-35所示）。 表4-13 窗体属性 属性属性值 Caption列表框的使用 Font宋体、五号 Height334 Width350 表4-14 控件属性设置 表4-15 各控件的事件 控件事件响应过程名 ListBox1 ComboBox1 Button1 Button2 Button3 Button4 OnClick OnChange OnClick OnClick OnClick OnClick ChangeText ChangeText Button1Click Button2Click Button3Click Button4Click 6.5.7 多行文本编辑器 Memo控件常用的方法： （1）使用剪贴板 （2）文本的添加 （3）文件的保存和装载（程序的界 面如图4-38所示）。 表4-16 Memo控件常用属性 属性说明 Lines这是Memo控件最常用也是最有用的属性，它用来显示和保 存Memo控件中的内容 Scrollb ar 很多控件都有这个属性。用于设定控件有否滚动条。它有四 个值：SSNone表示既无水平滚动条，也无垂直滚动条； SSHorizontal表示只有水平滚动条；SSVertal表示只有垂直滚 动条；SSBoth表示两者都有。当用户要显示的文本或其他的 内容较多时，建议选用SSBoth Word Wrap 用于设定Momo控件是否具有自动折行功能 Want Tabs 这个属性只在Memo、RichEdit和DBMemo控件中使用。通 常在切换当前焦点控件时，我们通常使用Tab键。但在上述 三种控件中，编辑文本时常用Tab键来跳过若干个空格使文 本对齐，这时就会有冲突。所以应将WantTabs设置为True ，这样子在控件内就可以使用Tab键来编辑文本 图4-38 简单的文本编辑器 6.5.8 复选框 图4-39 复选框示例 复选框的几个重要属性： Alignment：数据类型为TLeftRight，用于控制复选框 标题的位置。 Allowgrayed：数据类型为Boolean，用于确定复选框 是否可以处于灰色显示状态。 Checked：数据类型为Boolean，用于确定复选框是 否被选中，缺省为False。 State：数据类型为TCheckBoxS 6.5.9 常用文本处理过程和函数 （1）编辑框的常用处理过程与函数 （2）列表框的常用处理过程与函数 （3）组合框的常用处理过程与函数 返回本节 6.6 有关窗体的操作 6.6.1 向项目中加入新的Form 6.6.2 在多个Form或单元间切换 6.6.3 在一个Form中调用另一个Form 6.6.4 在不同项目间共享Form 6.6.5 把Form以ASCII格式储存 6.6.6 使用Form模板和向导 6.6.7 在窗体上对控件进行编辑 返回本章首页 6.6.1 向项目中加入新的Form （1）依次单击“Tools”“Repository”命令打开对话框 如图4-40所示。 （2）在Pages栏内选择Forms，这时Object栏中将显 示所有的Forms模板，从中选择一个，本例选择 About box型窗体。 （3）确定该模板为新Form或主Form，通过单击下面 的复选按钮来完成。本例全部选中，然后单击”OK” 按钮即可，如图4-41所示。 图4-40 “Object Repository”对话框 图4-41 “About box”窗体 返回本节 6.6.2 在多个Form或单元间切换 依次单击菜单“View”“Forms”命令，打开View Form对话框，如图4-42所示。从列表框中选择一个 窗体后，单击”OK”按钮。在多个单元间切换同窗体 一样。通过依次单击“View”“Units”命令，打开 View Unit对话框，如图4-43所示。或单击工具栏上 的“Units”按钮亦可。 图4-42 View Form对话框 图4-43 View Unit对话框 返回本节 6.6.3 在一个Form中调用另一个Form 当项目中添加了一个新的窗体时，系统会自动将窗体 的单元名加入到项目文件的Uses子句中。通常是把 Uses子句放到各自单元的Implementation部分或者把 一个单元的Uses子句放到Interface部分，另一个单元 的Uses子句放到Implementation部分。通常的Form类 型如图4-44所示。 返回本节 6.6.4 在不同项目间共享Form 要与其他项目共享一个Form，有两种方法，其一为 ，把它加入到对象库中；其二为，把Form编译成动 态链接库。如图4-45、46所示。 图4-44 Form类的定义 图4-45 加入到对象库对话框 返回本节 6.6.5 把Form以ASCII格式储存 用鼠标右键在窗体上单击，打开弹出式菜单，并从中 选择“View As Text”命令，如图4-46所示。 若要保存，单击“File”菜单的“Save As”命令即可。 图4-46 窗体的.DFM文件 返回本节 6.6.6 使用Form模板和向导 首先使用“File”菜单的“New”命令打开“New Iterms” 对话框，如图4-47所示。 然后从中指定一个Form模板，窗体中包含有对话框 、数据列表框、主从式报表等。最后单击”OK”按钮 。 图4-47 “New Iterms”对话框 返回本节 6.6.7 在窗体上对控件进行编辑 （1）添加控件到Form上 （2）在Form上重复添加同一个控件 （3）在Form上选择控件的几种方法 （4）移动、删除控件以及调整控件大小 （5）排列控件（如图4-48所示） 图4-48 Alignment对话框 返回本节 6.7 有关代码编辑器的使用 6.7.1 代码编辑器窗口的打开和切换 6.7.2 代码编辑器的功能 返回本章首页 6.7.1 代码编辑器窗口的打开和切换 代码编辑器是一个典型的多页窗口，可以通过用 鼠标单击页头的方式，在各个页间切换。每一页显示 一个已打开的单元。如图4-49所示。 但是若想要编辑一个还没有打开的单元，则要使 用“View”菜单下的“Unit”命令或单击工具栏上的按钮 打开View Unit对话框，如图4-50所示。 图4-49 代码编辑器窗口 图4-50 View Unit对话框 返回本节 6.7.2 代码编辑器的功能 1语句模板功能(如图4-51、4-52所示) 2代码完成功能（如图4-53所示） 6.参数提示功能（如图4-54所示） 图4-51 语句模板列表框 图4-52 使用语句模板完成的If语句 图4-53 代码完成功能选单 图4-54 参数提示实例窗口 返回本节 6.8 项目管理 6.8.1 项目的概念 6.8.2 项目文件的打开和保存 6.8.3 项目文件的编译和运行 6.8.4 项目管理器 返回本章首页 6.8.1 项目的概念 （1）项目文件：描述了整个应用程序的结构和启动 代码，包含本项目使用的所有窗体和单元的引用（如 图4-55 所示）。 （2）窗体文件：每一个窗体都有相应的窗体文件（ .DFM），它保存着窗体和窗体内各个控件的属性如 图4-56所示。 （3）单元文件：