第3章图形界面设计与项目管理ppt课件.ppt

第3章 图形界面设计与项目管理,本章要点3.1 菜单的设计3.2 工具栏的设计3.3 状态栏的设计3.4 按钮及面板的设计3.5 文本对象的设计3.6 有关窗体的操作3.7 有关代码编辑器的使用3.8 项目管理,本章要点,详细介绍了菜单栏、工具栏和状态栏的属性及其设计方法。描述了按钮、位图按钮控件的属性以及如何激活动作，发出命令。介绍了容器型控件如面板、框架、状态面板、酷工具栏的使用方法。,返回本章首页,通过大量实例阐明了文本对象常用控件的属性、方法。并将常用的文本处理过程与函数集中讲解。进一步阐明了代码编辑器的使用，包括代码编辑器的一些重要功能。解释了项目的概念，以及如何使用项目管理器。,返回本章首页,3.1 菜单的设计,3.1.1 菜单界面3.1.2 主菜单设计3.1.3 弹出型菜单设计,返回本章首页,3.1.1 菜单界面,菜单命令被选中后，一般来说有以下三种作用：用于执行某种应用程序的操作。用于设置某特殊选项的状态，这些命令常用复选标记“”或单选标记“”来表明该选项是否处于有效状态。用于打开对话框，具体操作在对话框中进行。,图3-1 Word XP中文版“插入”菜单,返回本节,3.1.2 主菜单设计,1、MainMenu控件的设计用鼠标右键单击MainMenu控件图标，打开一个弹出式菜单，从中选择MenuDesigner命令。先在窗体中单击MainMenu控件图标，然后在对象监视器中单击Items属性编辑框右边的省略号按钮。打开后的主菜单设计器窗口如图3-2所示。鼠标双击窗体中的MainMenu控件图标。,图3-2 主菜单设计器窗口,2菜单设计方法（1）增加菜单项（如图3-3所示）（2）编辑菜单项（3）插入菜单项（如图3-4所示）（4）删除菜单项（5）增加分隔条（如图3-5所示）（6）定义加速键和快捷键（如图3-6、3-7所示）（7）调整菜单位置（见图3-8）（8）创建子菜单（9）菜单模板（如图3-9所示）,图3-3 设置中的“文件”菜单,图3-4 插入菜单项窗口,图3-5 设计了分隔条的“文件”菜单,图3-6“文件”菜单示例,图3-7 加速键设计图,图3-8 菜单设计器的弹出式菜单,图3-9 菜单模板窗口,图3-10 保存模板对话框,返回本节,3.1.3 弹出型菜单设计,选中Form对象后转换到属性页，并单击“PopupMenu”右边的空白框，选中设计完的弹出型菜单名称，最后运行程序即可如图所示。,图3-11 激活的弹出式菜单,返回本节,3.2 工具栏的设计,（1）启动新窗口（2）添加按钮（如图3-12所示）（3）为按钮提供位图（如图3-1315所示）（4）为各个按钮添加提示信息（5）分别为有关工具按钮添加有关事件代码。,返回本章首页,图3-12 工具栏设计菜单,图3-13 选择图像窗口,图3-14 设置Images特性,图3-15 添加完图标的工具栏,返回本节,3.3 状态栏的设计,（1）单击Win32页中的StatusBar状态栏控件见图3-16（2）双击状态栏的Panels属性，并从中选择“Panels Editor”命令即可，如图3-17所示。（3）单击窗口中的“New”按钮，就会增加一个子面板。（4）在对象监视器中设置子面板的属性。（5）关闭Editing StatusBar1.Panels窗口。,返回本章首页,图3-16 具有状态栏的窗口,图3-17 Editing StatusBar1.Panels窗口,返回本节,3.4 按钮及面板的设计,3.4.1 基本命令按钮3.4.2 位图命令按钮3.4.3 单选按钮3.4.4 分组框3.4.5 单选按钮组,3.4.6 面板3.4.7 框架3.4.8 状态面板3.4.9 酷工具栏控件,返回本章首页,3.4.1 基本命令按钮,表3-1 按钮的主要属性,返回本节,3.4.2 位图命令按钮,表3-2 位图按钮的属性,表3-3 各按钮属性,表3-4 各按钮属性说明,返回本节,3.4.3 单选按钮,图3-22 单选按钮实例,表3-5 单选按钮属性,返回本节,3.4.4 分组框,图3-23 分组框示例,返回本节,3.4.5 单选按钮组,图3-24 单选按钮组示例,表3-6 单选按钮组的常用属性,返回本节,3.4.6 面板,表3-7 面板控件的常用属性(1),表3-7 面板控件的常用属性(2),返回本节,3.4.7 框架,1创建框架（图3-25表3-8）2框架的共享（1）添加框架到控件板上（如图3-27、3-28所示）（2）添加框架到对象库中（如图3-29、3-30所示）3框架的使用（如图3-3133所示）,图3-25 新建的框架,表3-8 框架的属性,图3-27“Component Template Information”对话框,图3-28 新添加的框架图标,图3-29“Add to Repository”对话框,图3-30 添加了框架的对象库,图3-31 确认添加单元文件对话框,图3-32 添加了框架的窗体,图3-33 Select Frame to Insert对话框,返回本节,3.4.8 状态面板,Bevel控件的常用属性如下：Shape：数据类型为TBevelShape，用于定义形状。可供选择的值如表3-10所示。Style：数据类型为TBevelStyle，用于确定斜面是否凹陷或凸起。当选择bsLowered值时，斜面凹陷；当选择bsRaised值时，斜面凸起。如图3-34所示。,表3-10 Shape取值,图3-34 状态面板中Style属性的不同取值,返回本节,3.4.9 酷工具栏控件,表3-11 TCoolbar控件的属性,返回本节,3.5 文本对象的设计,3.5.1 标签3.5.2 静态文本3.5.3 编辑框3.5.4 掩码编辑框3.5.5 列表框,3.5.6 组合框3.5.7 多行文本编辑器3.5.8 复选框3.5.9 常用文本处理过程和函数,返回本章首页,3.5.1 标签,标签的常见属性如下：Caption：用于设置标签的标题，即标签的显示内容。FocusControl：该属性为标签控件独有，可以用来为一些无标题的控件提供快捷键。Autosize：用于决定标签是否随字体的变化而自动变动尺寸以配合这些变化。Font：用于设置标签文字的字体格式和大小。,返回本节,3.5.2 静态文本,静态文本控件（Static Text）与标签控件基本相同，唯一不同之处在于静态文本控件是窗口型控件，具有窗口句柄。因此，当控件的快捷键必须属于窗口型控件的时候，应该使用静态文本控件，而不能使用标签控件。静态文本控件位于控件板的Additional选项页上，操作方法与标签相同。,返回本节,3.5.3 编辑框,编辑框的常用属性有：AutoSelect、AutoSize、BorderStyle、TextMaxLength、PasswordChar、ReadOnlyIMEMode、IMEName。,编辑框控件的常用事件如下：OnKeyPress事件的功能：在编辑框输入完文本后，按一下Enter键，程序就开始执行。编辑框的文本发生改变时触发OnChange事件。编辑框获得输入焦点时触发OnEnter事件。编辑框失去输入焦点时触发OnExit事件。,返回本节,3.5.4 掩码编辑框,在窗体上将MaskEdit选中，在对象监视器中找到EditMask属性，双击它，弹出一个如图3-36所示的对话框。掩码格式可以分为三部分：（1）输入格式的第一部分是掩码本身，也就是数据输入格式(如表3-12所示)。（2）在输入格式中的第二部分只有0和1两种选择（3）输入格式的第三部分用于表示数据中的空位用那个字符代替显示。,图3-36 输入掩码编辑器,表3-12 输入格式符(1),表3-12 输入格式符(2),返回本节,3.5.5 列表框,列表框控件的一些常用属性有：ExtendedSelect、Items、ItemIndex、MultiSelected、SelCount、Selected、Sorted。,返回本节,3.5.6 组合框,组合框的常用属性有：Text、SelText、SelStart、SelLength、Style设计后的效果如图3-37所示。,图3-37 列表框使用实例,（1）单击“File”菜单的“Application”命令，开始一个新的应用程序。（2）设置窗体属性（如表3-13所示）。（3）设置完后往窗体中添加控件。（4）在对象编辑器中设置各个控件的属性值（如表3-14所示）。（5）为各个控件添加事件（如表3-15）。（6）添加完事件后，为各个事件编写事件代码（如图3-35所示）。,表3-13 窗体属性,表3-14 控件属性设置,表3-15 各控件的事件,返回本节,3.5.7 多行文本编辑器,Memo控件常用的方法：（1）使用剪贴板（2）文本的添加（3）文件的保存和装载（程序的界面如图3-38所示）。,表3-16 Memo控件常用属性,图3-38 简单的文本编辑器,返回本节,3.5.8 复选框,图3-39 复选框示例,复选框的几个重要属性：Alignment：数据类型为TLeftRight，用于控制复选框标题的位置。Allowgrayed：数据类型为Boolean，用于确定复选框是否可以处于灰色显示状态。Checked：数据类型为Boolean，用于确定复选框是否被选中，缺省为False。State：数据类型为TCheckBoxS,返回本节,3.5.9 常用文本处理过程和函数,（1）编辑框的常用处理过程与函数（2）列表框的常用处理过程与函数（3）组合框的常用处理过程与函数,返回本节,3.6 有关窗体的操作,3.6.1 向项目中加入新的Form3.6.2 在多个Form或单元间切换3.6.3 在一个Form中调用另一个Form3.6.4 在不同项目间共享Form3.6.5 把Form以ASCII格式储存3.6.6 使用Form模板和向导3.6.7 在窗体上对控件进行编辑,返回本章首页,3.6.1 向项目中加入新的Form,（1）依次单击“Tools”“Repository”命令打开对话框如图3-40所示。（2）在Pages栏内选择Forms，这时Object栏中将显示所有的Forms模板，从中选择一个，本例选择About box型窗体。（3）确定该模板为新Form或主Form，通过单击下面的复选按钮来完成。本例全部选中，然后单击”OK”按钮即可，如图3-41所示。,图3-40“Object Repository”对话框,图3-41“About box”窗体,返回本节,3.6.2 在多个Form或单元间切换,依次单击菜单“View”“Forms”命令，打开View Form对话框，如图3-42所示。从列表框中选择一个窗体后，单击”OK”按钮。在多个单元间切换同窗体一样。通过依次单击“View”“Units”命令，打开View Unit对话框，如图3-43所示。或单击工具栏上的“Units”按钮亦可。,图3-42 View Form对话框,图3-43 View Unit对话框,返回本节,3.6.3 在一个Form中调用另一个Form,当项目中添加了一个新的窗体时，系统会自动将窗体的单元名加入到项目文件的Uses子句中。通常是把Uses子句放到各自单元的Implementation部分或者把一个单元的Uses子句放到Interface部分，另一个单元的Uses子句放到Implementation部分。通常的Form类型如图3-44所示。,返回本节,3.6.4 在不同项目间共享For,要与其他项目共享一个Form，有两种方法，其一为，把它加入到对象库中；其二为，把Form编译成动态链接库。如图3-45、46所示。,图3-44 Form类的定义,图3-45 加入到对象库对话框,返回本节,3.6.5 把Form以ASCII格式储存,用鼠标右键在窗体上单击，打开弹出式菜单，并从中选择“View As Text”命令，如图3-46所示。若要保存，单击“File”菜单的“Save As”命令即可。,图3-46 窗体的.DFM文件,返回本节,3.6.6 使用Form模板和向导,首先使用“File”菜单的“New”命令打开“New Iterms”对话框，如图3-47所示。然后从中指定一个Form模板，窗体中包含有对话框、数据列表框、主从式报表等。最后单击”OK”按钮。,图3-47“New Iterms”对话框,返回本节,3.6.7 在窗体上对控件进行编辑,（1）添加控件到Form上（2）在Form上重复添加同一个控件（3）在Form上选择控件的几种方法（4）移动、删除控件以及调整控件大小（5）排列控件（如图3-48所示）,图3-48 Alignment对话框,返回本节,3.7 有关代码编辑器的使用,3.7.1 代码编辑器窗口的打开和切换3.7.2 代码编辑器的功能,返回本章首页,3.7.1 代码编辑器窗口的打开和切换,代码编辑器是一个典型的多页窗口，可以通过用鼠标单击页头的方式，在各个页间切换。每一页显示一个已打开的单元。如图3-49所示。但是若想要编辑一个还没有打开的单元，则要使用“View”菜单下的“Unit”命令或单击工具栏上的按钮打开View Unit对话框，如图3-50所示。,图3-49 代码编辑器窗口,图3-50 View Unit对话框,返回本节,3.7.2 代码编辑器的功能,1语句模板功能(如图3-51、3-52所示)2代码完成功能（如图3-53所示）3参数提示功能（如图3-54所示）,图3-51 语句模板列表框,图3-52 使用语句模板完成的If语句,图3-53 代码完成功能选单,图3-54 参数提示实例窗口,返回本节,3.8 项目管理,3.8.1 项目的概念3.8.2 项目文件的打开和保存3.8.3 项目文件的编译和运行3.8.4 项目管理器,返回本章首页,3.8.1 项目的概念,（1）项目文件：描述了整个应用程序的结构和启动代码，包含本项目使用的所有窗体和单元的引用（如图3-55 所示）。（2）窗体文件：每一个窗体都有相应的窗体文件（.DFM），它保存着窗体和窗体内各个控件的属性如图3-56所示。（3）单元文件：用来保存窗体事件的处理过程或单独的源代码，是应用源代码的主要部分。分为两种：有窗体的单元文件和无窗体的单元文件。,图3-55 项目文件的内容,图3-56 窗体文件,返回本节,3.8.2 项目文件的打开和保存,要打开一个你以前曾用过的项目，选择“File”菜单的“Open Project”命令，出现标准的Windows 打开文件窗口，从中选择一个项目即可。要保存当前项目，选择“File”菜单“Save”命令。,返回本节,3.8.3 项目文件的编译和运行,（1）编译链接（2）重建项目（3）只编译文件,返回本节,3.8.4 项目管理器,图3-57 项目管理器,返回本节,THANK YOU VERY MUCH！,本章到此结束，谢谢您的光临！,结束放映,返回本章首页,