1 / 110

第 3 章 图形界面设计与项目管理

第 3 章 图形界面设计与项目管理. 本章要点 3.1 菜单的设计 3.2 工具栏的设计 3.3 状态栏的设计 3.4 按钮及面板的设计 3.5 文本对象的设计 3.6 有关窗体的操作 3.7 有关代码编辑器的使用 3.8 项目管理. 本章要点. 详细介绍了菜单栏、工具栏和状态栏的属性及其设计方法。 描述了按钮、位图按钮控件的属性以及如何激活动作，发出命令。 介绍了容器型控件如面板、框架、状态面板、酷工具栏的使用方法。. 返回本章首页. 通过大量实例阐明了文本对象常用控件的属性、方法。并将常用的文本处理过程与函数集中讲解。

filia
Download Presentation

第 3 章 图形界面设计与项目管理

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第3章图形界面设计与项目管理 • 本章要点 • 3.1 菜单的设计 • 3.2 工具栏的设计 • 3.3 状态栏的设计 • 3.4 按钮及面板的设计 • 3.5 文本对象的设计 • 3.6 有关窗体的操作 • 3.7有关代码编辑器的使用 • 3.8项目管理

  2. 本章要点 • 详细介绍了菜单栏、工具栏和状态栏的属性及其设计方法。 • 描述了按钮、位图按钮控件的属性以及如何激活动作，发出命令。 • 介绍了容器型控件如面板、框架、状态面板、酷工具栏的使用方法。 返回本章首页

  3. 通过大量实例阐明了文本对象常用控件的属性、方法。并将常用的文本处理过程与函数集中讲解。通过大量实例阐明了文本对象常用控件的属性、方法。并将常用的文本处理过程与函数集中讲解。 • 进一步阐明了代码编辑器的使用，包括代码编辑器的一些重要功能。 • 解释了项目的概念，以及如何使用项目管理器。 返回本章首页

  4. 3.1 菜单的设计 • 3.1.1 菜单界面 • 3.1.2 主菜单设计 • 3.1.3 弹出型菜单设计 返回本章首页

  5. 3.1.1 菜单界面 • 菜单命令被选中后，一般来说有以下三种作用： • 用于执行某种应用程序的操作。 • 用于设置某特殊选项的状态，这些命令常用复选标记“”或单选标记“”来表明该选项是否处于有效状态。 • 用于打开对话框，具体操作在对话框中进行。

  6. 图3-1 Word XP中文版“插入”菜单 返回本节

  7. 3.1.2 主菜单设计 • 1、MainMenu控件的设计 • 用鼠标右键单击MainMenu控件图标，打开一个弹出式菜单，从中选择MenuDesigner命令。 • 先在窗体中单击MainMenu控件图标，然后在对象监视器中单击Items属性编辑框右边的省略号按钮。打开后的主菜单设计器窗口如图3-2所示。 • 鼠标双击窗体中的MainMenu控件图标。

  8. 图3-2 主菜单设计器窗口

  9. 2．菜单设计方法 • （1）增加菜单项（如图3-3所示） • （2）编辑菜单项 • （3）插入菜单项（如图3-4所示） • （4）删除菜单项 • （5）增加分隔条（如图3-5所示） • （6）定义加速键和快捷键（如图3-6、3-7所示） • （7）调整菜单位置（见图3-8） • （8）创建子菜单 • （9）菜单模板（如图3-9所示）

  10. 图3-3 设置中的“文件”菜单

  11. 图3-4 插入菜单项窗口

  12. 图3-5 设计了分隔条的“文件”菜单

  13. 图3-6 “文件”菜单示例

  14. 图3-7 加速键设计图

  15. 图3-8 菜单设计器的弹出式菜单

  16. 图3-9 菜单模板窗口

  17. 图3-10 保存模板对话框 返回本节

  18. 3.1.3 弹出型菜单设计 • 选中Form对象后转换到属性页，并单击“PopupMenu”右边的空白框，选中设计完的弹出型菜单名称，最后运行程序即可如图所示。 图3-11 激活的弹出式菜单 返回本节

  19. 3.2 工具栏的设计 • （1）启动新窗口 • （2）添加按钮（如图3-12所示） • （3）为按钮提供位图（如图3-13~15所示） • （4）为各个按钮添加提示信息 • （5）分别为有关工具按钮添加有关事件代码。 返回本章首页

  20. 图3-12 工具栏设计菜单

  21. 图3-13 选择图像窗口

  22. 图3-14 设置Images特性

  23. 图3-15 添加完图标的工具栏 返回本节

  24. 3.3 状态栏的设计 • （1）单击Win32页中的StatusBar状态栏控件见图3-16 • （2）双击状态栏的Panels属性，并从中选择“Panels Editor”命令即可，如图3-17所示。 • （3）单击窗口中的“New”按钮，就会增加一个子面板。 • （4）在对象监视器中设置子面板的属性。 • （5）关闭Editing StatusBar1.Panels窗口。 返回本章首页

  25. 图3-16 具有状态栏的窗口

  26. 图3-17 Editing StatusBar1.Panels窗口 返回本节

  27. 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 按钮及面板的设计 返回本章首页

  28. 属性 数据类型 说明 Name String 按钮的名称，编写程序代码时使用它 Caption String 按钮的标题，就是按钮上显示的文字。可以为按钮指定快捷键 Cancle Boolean 缺省值为False，当取值为True时，无论何时按下Esc键，按钮中Taborder值最小的按钮会产生Onclick事件 Default Boolean 当属性值为True时，按下Enter键，当前按钮产生Onclick事件，缺省值为True Hint String 按钮的提示文本保存在这里，当鼠标光标停留时，显示提示文本 Showhint Boolean 确定是否显示提示文本，缺省值为False 3.4.1 基本命令按钮 表3-1 按钮的主要属性 返回本节

  29. 属性 数据类型 说明 Kind Glyph Layout Margin NumGlyphs Space TBitBtnKind TBitmap Tbuttonlayout IntegerTNumGlyphs Tbuttonstyle 用于确定按钮的类型，缺省值为自定义型bkcustom 用于指定要显示在位图按钮上的位图 决定位图按钮上图像和文字的位置，有Left，Right，Top，Bottom四个值分别表示位图位于位图按钮的左、右、上、下 用于设定图像与按钮的边界之间的距离（以像素为单位），默认值为－1，表示图像和文字总是居中，设为0表示紧挨着按钮的边界 指定位图按钮使用的位图的数目，只能为1，2，3，4 确定位图按钮的外观显示方式，缺省为bsautodetect 3.4.2 位图命令按钮 表3-2 位图按钮的属性

  30. 属性 Button1 Button2 BitBtn1 BitBtin2 BitBtn1 BitBtn2 Caption Button1 Button2 对话框 &Close Ok Cancel Kind bkCustom bkClose bkOk bkCancel Cancel False True False False False False Default True False False False False False ModalResult mrNone mrNone mrNone mrNone mrOk mrCancel 表3-3 各按钮属性

  31. 属性 说明 Cancel 该属性值为True时,则无论用户何时按Esc键,都会执行该按钮的OnClick事件。如果同一个窗体上具有多个这样的按钮,则会执行TabOrder值最小的按钮的OnClick事件 Default 这个属性和Cancel属性相似。当用户按下Enter键时，将执行该按钮的OnClick事件。但有一个例外，如果当前拥有输入焦点的控件为另一个按钮时，按Enter键时则只执行当前按钮的OnClick事件 Kind 这个属性为位图按钮所特有，选择Kind属性的某个选项，用于决定该位图按钮的种类每一种位图按钮具有自己独特的功能。位图按钮常用于各种对话框或模态窗口中，根据按钮的ModalResult属性值来决定对模态窗口的操作 ModalResult 模态值。当单击位图按钮时，将把对话框的模态值设为相同的值。它将决定位图按钮的父窗体的关闭方式。如单击mbOk按钮,将关闭对话框，返回mrOk值 表3-4 各按钮属性说明 返回本节

  32. 3.4.3 单选按钮 图3-22 单选按钮实例

  33. 属性 数据类型 说明 Alignment TleftRight 用于设置单选框的文字与小圆圈的位置关系，taLeftJustify表示文字显示在小圆圈的左边；taRightJustify表示文字显示在小圆圈的右边 Checked Boolean 这个属性用于设置选项是否被选中，当值为True时，表示选中；当值为False时，表示未选中 表3-5 单选按钮属性 返回本节

  34. 3.4.4 分组框 图3-23 分组框示例 返回本节

  35. 3.4.5 单选按钮组 图3-24 单选按钮组示例

  36. 属性 数据类型 说明 Columns Longint 用于设置单选按钮组中的栏数，默认值为1，最大可设为16 ItemIndex Integer 用于返回单选按钮组中被选择的项的序号，第一项为0 Iterms Tstring 在设计期，可以在编辑器中输入每个单选框的标题，在运行期，可以通过Tstrings对象来操纵Iterms特性 表3-6 单选按钮组的常用属性 返回本节

  37. 属性 数据类型 说明 Align TAlign 用于设置面板控件在窗体中的放置位置 BevelInner TbevelCut 用于设置面板的内部斜面样式，可以设为以下值：bvNone（没有斜面），bvLowered（沉降的斜面），bvRiased（升起的斜面） BevelOuter TBevelCut 用于设置面板的外斜面形式 3.4.6 面板 表3-7 面板控件的常用属性(1)

  38. BevelWidth Integer 面板的斜面宽度 BorderStyle TBorderStyle 面板的边框样式 BorderWidth Integer 面板的边框宽度 Caption string 用于设置面板控件使用的标题 ControlCount Integer 用于设置面板中的子控件数目 Controls TControl 用于设置面板中的控件数目 Enabled Boolean 用于设置面板中的所有子控件是允许还是被禁用 Handle HWnd 代表面板的窗口句柄 表3-7 面板控件的常用属性(2) 返回本节

  39. 3.4.7 框架 • 1．创建框架（图3-25表3-8） • 2．框架的共享 （1）添加框架到控件板上（如图3-27、3-28所示） （2）添加框架到对象库中（如图3-29、3-30所示） • 3．框架的使用（如图3-31~33所示）

  40. 图3-25 新建的框架

  41. 属性 属性值 Name Font Height Width MFrane 华彩、五号 160 190 • 表3-8 框架的属性

  42. 图3-27 “Component Template Information”对话框

  43. 图3-28 新添加的框架图标

  44. 图3-29 “Add to Repository”对话框

  45. 图3-30 添加了框架的对象库

  46. 图3-31 确认添加单元文件对话框

  47. 图3-32 添加了框架的窗体

  48. 图3-33 Select Frame to Insert对话框 返回本节

  49. 3.4.8 状态面板 • Bevel控件的常用属性如下： • Shape：数据类型为TBevelShape，用于定义形状。可供选择的值如表3-10所示。 • Style：数据类型为TBevelStyle，用于确定斜面是否凹陷或凸起。当选择bsLowered值时，斜面凹陷；当选择bsRaised值时，斜面凸起。如图3-34所示。

  50. 值 含义 bsBox 矩形框，根据Style属性决定客户区域的凹陷与凸起 bsFrame 矩形轮廓，客户区域由凹陷与凸起的轮廓包围 bsTopLine 在客户区域的上边显示一条线 bsBottomLine 在客户区域的下边显示一条线 bsLeftLine 在客户区域的左边显示一条线 bsRightLine 在客户区域的右边显示一条线 bsSpacer 客户区域为空 表3-10 Shape取值

More Related