图形界面设计与项目.ppt
《图形界面设计与项目.ppt》由会员分享,可在线阅读,更多相关《图形界面设计与项目.ppt(110页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第第3章章 图形界面设计与项目管理图形界面设计与项目管理n本章要点本章要点n3.1 3.1 菜单的设计菜单的设计n3.2 3.2 工具栏的设计工具栏的设计n3.3 3.3 状态栏的设计状态栏的设计n3.4 3.4 按钮及面板的设计按钮及面板的设计n3.5 3.5 文本对象的设计文本对象的设计n3.6 3.6 有关窗体的操作有关窗体的操作n3.73.7 有关代码编辑器的使用有关代码编辑器的使用n3.83.8 项目管理项目管理本章要点本章要点n详详细细介介绍绍了了菜菜单单栏栏、工工具具栏栏和和状状态态栏栏的的属属性性及及其其设设计方法。计方法。n描描述述了了按按钮钮、位位图图按按钮钮控控件件的的属
2、属性性以以及及如如何何激激活活动动作,发出命令。作,发出命令。n介介绍绍了了容容器器型型控控件件如如面面板板、框框架架、状状态态面面板板、酷酷工工具栏的使用方法。具栏的使用方法。返回本章首页n通通过过大大量量实实例例阐阐明明了了文文本本对对象象常常用用控控件件的的属属性性、方方法法。并将常用的文本处理过程与函数集中讲解。并将常用的文本处理过程与函数集中讲解。n进进一一步步阐阐明明了了代代码码编编辑辑器器的的使使用用,包包括括代代码码编编辑辑器器的的一一些重要功能。些重要功能。n解释了项目的概念,以及如何使用项目管理器。解释了项目的概念,以及如何使用项目管理器。返回本章首页3.1 3.1 菜单的
3、设计菜单的设计n3.1.1 菜单界面菜单界面n3.1.2 主菜单设计主菜单设计n3.1.3 弹出型菜单设计弹出型菜单设计返回本章首页3.1.1 3.1.1 菜单界面菜单界面n菜单命令被选中后,一般来说有以下三种作用:菜单命令被选中后,一般来说有以下三种作用:n用于执行某种应用程序的操作。用于执行某种应用程序的操作。n用用于于设设置置某某特特殊殊选选项项的的状状态态,这这些些命命令令常常用用复复选选标标记记“”或或单单选选标标记记“”来来表表明明该该选选项项是是否否处处于于有有效状态。效状态。n用于打开对话框,具体操作在对话框中进行。用于打开对话框,具体操作在对话框中进行。图3-1WordXP中
4、文版“插入”菜单返回本节3.1.2 3.1.2 主菜单设计主菜单设计n1 1、MainMenuMainMenu控件的设计控件的设计n用用鼠鼠标标右右键键单单击击MainMenuMainMenu控控件件图图标标,打打开开一一个个弹弹出出式菜单,从中选择式菜单,从中选择MenuDesignerMenuDesigner命令。命令。n先先在在窗窗体体中中单单击击MainMenuMainMenu控控件件图图标标,然然后后在在对对象象监监视视器器中中单单击击ItemsItems属属性性编编辑辑框框右右边边的的省省略略号号按按钮钮。打打开后的主菜单设计器窗口如图开后的主菜单设计器窗口如图3-23-2所示。所
5、示。n鼠标双击窗体中的鼠标双击窗体中的MainMenuMainMenu控件图标。控件图标。图3-2主菜单设计器窗口n2 2菜单设计方法菜单设计方法n(1 1)增加菜单项)增加菜单项(如图如图3-33-3所示)所示)n(2 2)编辑菜单项)编辑菜单项n(3 3)插入菜单项)插入菜单项(如图如图3-43-4所示)所示)n(4 4)删除菜单项)删除菜单项n(5 5)增加分隔条(如图)增加分隔条(如图3-53-5所示)所示)n(6)定义加速键和快捷键(如图)定义加速键和快捷键(如图3-63-6、3-73-7所示)所示)n(7 7)调整菜单位置(见图)调整菜单位置(见图3-83-8)n(8 8)创建子菜
6、单)创建子菜单n(9 9)菜单模板(如图)菜单模板(如图3-93-9所示)所示)图3-3设置中的“文件”菜单图3-4插入菜单项窗口图3-5设计了分隔条的“文件”菜单图3-6“文件”菜单示例图3-7加速键设计图图3-8菜单设计器的弹出式菜单图3-9菜单模板窗口图3-10保存模板对话框返回本节3.1.3 3.1.3 弹出型菜单设计弹出型菜单设计n选选 中中 FormForm对对 象象 后后 转转 换换 到到 属属 性性 页页,并并 单单 击击“PopupMenuPopupMenu”右右边边的的空空白白框框,选选中中设设计计完完的的弹弹出出型型菜单名称,最后运行程序即可如图所示。菜单名称,最后运行程
7、序即可如图所示。图3-11激活的弹出式菜单返回本节3.2 3.2 工具栏的设计工具栏的设计n(1)启动新窗口)启动新窗口n(2)添加按钮(如图)添加按钮(如图3-12所示)所示)n(3 3)为按钮提供位图(如图)为按钮提供位图(如图3-13153-1315所示)所示)n(4)为各个按钮添加提示信息)为各个按钮添加提示信息n(5 5)分别为有关工具按钮添加有关事件代码。)分别为有关工具按钮添加有关事件代码。返回本章首页图3-12工具栏设计菜单图3-13选择图像窗口图3-14设置Images特性图3-15添加完图标的工具栏返回本节3.3 3.3 状态栏的设计状态栏的设计n(1 1)单击)单击Win
8、32Win32页中的页中的StatusBarStatusBar状态栏控件见图状态栏控件见图3-163-16n(2 2)双击状态栏的)双击状态栏的PanelsPanels属性,并从中选择属性,并从中选择“Panels EditorPanels Editor”命令即可,如图命令即可,如图3-173-17所示。所示。n(3 3)单击窗口中的)单击窗口中的“NewNew”按钮,就会增加一个子按钮,就会增加一个子面板。面板。n(4 4)在对象监视器中设置子面板的属性。)在对象监视器中设置子面板的属性。n(5 5)关闭)关闭Editing StatusBar1.PanelsEditing StatusBa
9、r1.Panels窗口。窗口。返回本章首页图3-16具有状态栏的窗口图3-17EditingStatusBar1.Panels窗口返回本节3.4 3.4 按钮及面板的设计按钮及面板的设计n3.4.1 3.4.1 基本命令按钮基本命令按钮n3.4.2 3.4.2 位图命令按钮位图命令按钮n3.4.3 3.4.3 单选按钮单选按钮n3.4.4 3.4.4 分组框分组框n3.4.5 3.4.5 单选按钮组单选按钮组n3.4.6 3.4.6 面板面板n3.4.7 3.4.7 框架框架n3.4.8 3.4.8 状态面板状态面板n3.4.9 3.4.9 酷工具栏控件酷工具栏控件返回本章首页3.4.1 3.
10、4.1 基本命令按钮基本命令按钮属性数据类型说明NameString按钮的名称,编写程序代码时使用它CaptionString按钮的标题,就是按钮上显示的文字。可以为按钮指定快捷键CancleBoolean缺省值为False,当取值为True时,无论何时按下Esc键,按钮中Taborder值最小的按钮会产生Onclick事件DefaultBoolean当属性值为True时,按下Enter键,当前按钮产生Onclick事件,缺省值为TrueHintString按钮的提示文本保存在这里,当鼠标光标停留时,显示提示文本ShowhintBoolean确定是否显示提示文本,缺省值为False表3-1按钮
11、的主要属性返回本节3.4.2 3.4.2 位图命令按钮位图命令按钮属性数据类型说明KindGlyphLayoutMarginNumGlyphsSpaceTBitBtnKindTBitmapTbuttonlayoutIntegerTNumGlyphsTbuttonstyle用于确定按钮的类型,缺省值为自定义型bkcustom用于指定要显示在位图按钮上的位图决定位图按钮上图像和文字的位置,有Left,Right,Top,Bottom四个值分别表示位图位于位图按钮的左、右、上、下用于设定图像与按钮的边界之间的距离(以像素为单位),默认值为1,表示图像和文字总是居中,设为0表示紧挨着按钮的边界指定位图
12、按钮使用的位图的数目,只能为1,2,3,4确定位图按钮的外观显示方式,缺省为bsautodetect表3-2位图按钮的属性表3-3各按钮属性属性属性Button1Button2BitBtn1BitBtin2BitBtn1BitBtn2CaptionButton1Button2对话框对话框&CloseOkCancelKindbkCustombkClosebkOkbkCancelCancelFalseTrueFalseFalseFalseFalseDefaultTrueFalseFalseFalseFalseFalseModalResultmrNonemrNonemrNonemrNonemrOkm
13、rCancel属性说明Cancel该属性值为True时,则无论用户何时按Esc键,都会执行该按钮的OnClick事件。如果同一个窗体上具有多个这样的按钮,则会执行TabOrder值最小的按钮的OnClick事件Default这个属性和Cancel属性相似。当用户按下Enter键时,将执行该按钮的OnClick事件。但有一个例外,如果当前拥有输入焦点的控件为另一个按钮时,按Enter键时则只执行当前按钮的OnClick事件Kind这个属性为位图按钮所特有,选择Kind属性的某个选项,用于决定该位图按钮的种类每一种位图按钮具有自己独特的功能。位图按钮常用于各种对话框或模态窗口中,根据按钮的Moda
14、lResult属性值来决定对模态窗口的操作ModalResult模态值。当单击位图按钮时,将把对话框的模态值设为相同的值。它将决定位图按钮的父窗体的关闭方式。如单击mbOk按钮,将关闭对话框,返回mrOk值表3-4各按钮属性说明返回本节3.4.3 3.4.3 单选按钮单选按钮图3-22单选按钮实例属性数据类型说明AlignmentTleftRight用于设置单选框的文字与小圆圈的位置关系,taLeftJustify表示文字显示在小圆圈的左边;taRightJustify表示文字显示在小圆圈的右边CheckedBoolean这个属性用于设置选项是否被选中,当值为True时,表示选中;当值为Fal
15、se时,表示未选中表3-5单选按钮属性返回本节3.4.4 3.4.4 分组框分组框图3-23分组框示例返回本节3.4.5 3.4.5 单选按钮组单选按钮组图3-24单选按钮组示例表3-6单选按钮组的常用属性属性数据类型说明ColumnsLongint用于设置单选按钮组中的栏数,默认值为1,最大可设为16ItemIndexInteger用于返回单选按钮组中被选择的项的序号,第一项为0ItermsTstring在设计期,可以在编辑器中输入每个单选框的标题,在运行期,可以通过Tstrings对象来操纵Iterms特性返回本节3.4.6 3.4.6 面板面板表3-7面板控件的常用属性(1)属性数据类型
16、说明AlignTAlign用于设置面板控件在窗体中的放置位置BevelInnerTbevelCut用于设置面板的内部斜面样式,可以设为以下值:bvNone(没有斜面),bvLowered(沉降的斜面),bvRiased(升起的斜面)BevelOuterTBevelCut用于设置面板的外斜面形式BevelWidthInteger面板的斜面宽度BorderStyleTBorderStyle面板的边框样式BorderWidthInteger面板的边框宽度Captionstring用于设置面板控件使用的标题ControlCountInteger用于设置面板中的子控件数目ControlsTControl
17、用于设置面板中的控件数目EnabledBoolean用于设置面板中的所有子控件是允许还是被禁用HandleHWnd代表面板的窗口句柄表3-7面板控件的常用属性(2)返回本节3.4.7 框架框架n1 1创建框架(创建框架(图图3-25表表3-83-8)n2 2框架的共享框架的共享(1 1)添加框架到控件板上(如图)添加框架到控件板上(如图3-273-27、3-283-28所示)所示)(2 2)添加框架到对象库中(如图)添加框架到对象库中(如图3-293-29、3-303-30所示)所示)n3 3框架的使用(如图框架的使用(如图3-3133所示)所示)图3-25新建的框架n表3-8框架的属性属性属
18、性值NameFontHeightWidthMFrane华彩、五号160190图3-27“ComponentTemplateInformation”对话框图3-28新添加的框架图标图3-29“AddtoRepository”对话框图3-30添加了框架的对象库图3-31确认添加单元文件对话框图3-32添加了框架的窗体图3-33SelectFrametoInsert对话框返回本节3.4.8 3.4.8 状态面板状态面板nBevel控件的常用属性如下:控件的常用属性如下:nShape:数数据据类类型型为为TBevelShapeTBevelShape,用用于于定定义义形形状状。可供选择的值如表可供选择的
19、值如表3-103-10所示。所示。nStyleStyle:数数据据类类型型为为TBevelStyleTBevelStyle,用用于于确确定定斜斜面面是是否否凹凹陷陷或或凸凸起起。当当选选择择bsLoweredbsLowered值值时时,斜斜面面凹凹陷陷;当当选择选择bsRaisedbsRaised值时,斜面凸起。如图值时,斜面凸起。如图3-343-34所示。所示。值含义bsBox矩形框,根据Style属性决定客户区域的凹陷与凸起bsFrame矩形轮廓,客户区域由凹陷与凸起的轮廓包围bsTopLine在客户区域的上边显示一条线bsBottomLine在客户区域的下边显示一条线bsLeftLine
20、在客户区域的左边显示一条线bsRightLine在客户区域的右边显示一条线bsSpacer客户区域为空表3-10Shape取值图3-34状态面板中Style属性的不同取值返回本节3.4.9 3.4.9 酷工具栏控件酷工具栏控件表3-11TCoolbar控件的属性属性数据类型说明AlignTAlign用于设置TCoolBar控件建立的工具栏的位置AutoSizeBoolean用于对工具栏的尺寸的自动调节BandBorderStyleTBorderStyle用于设置工具栏上波段的边框风格BandsTCoolBands用于编辑波段BitmapTBitmap用于指定一个位图,作为背景显示在工具栏上Fi
21、xedOrderBoolean当设为True,段可以进行拖曳,但段的顺序不变FixedSizeBoolean用于尺寸设置ImageTImageList用于指定一个图像列表,显示在每个段的左边ShowTextBoolean如果该特性设置为True,可以在运行期间把一个字符显示在段上,字符串由段的Text特性指定。如果该特性设置为False,段只能显示窗口类控制VerticalBoolean如果该特性设置为True,工具栏的段本身是垂直的,多个段从左到右排列。如果Vertical为False,工具栏的本身是水平的,多个段从上到下排列返回本节3.5 3.5 文本对象的设计文本对象的设计n3.5.1
22、3.5.1 标签标签n3.5.2 3.5.2 静态文本静态文本n3.5.3 3.5.3 编辑框编辑框n3.5.4 3.5.4 掩码编辑框掩码编辑框n3.5.5 3.5.5 列表框列表框n3.5.6 3.5.6 组合框组合框n3.5.7 3.5.7 多行文本编辑器多行文本编辑器n3.5.8 3.5.8 复选框复选框n3.5.9 3.5.9 常用文本处理过常用文本处理过程和函数程和函数返回本章首页3.5.1 3.5.1 标签标签n标签的常见属性如下:标签的常见属性如下:CaptionCaption:用于设置标签的标题,即标签的显示内容。用于设置标签的标题,即标签的显示内容。FocusControl
23、FocusControl:该该属属性性为为标标签签控控件件独独有有,可可以以用用来来为为一一些无标题的控件提供快捷键。些无标题的控件提供快捷键。AutosizeAutosize:用用于于决决定定标标签签是是否否随随字字体体的的变变化化而而自自动动变变动动尺寸以配合这些变化。尺寸以配合这些变化。FontFont:用于设置标签文字的字体格式和大小。用于设置标签文字的字体格式和大小。返回本节3.5.2 3.5.2 静态文本静态文本n静静态态文文本本控控件件(StaticText)与与标标签签控控件件基基本本相相同同,唯唯一一不不同同之之处处在在于于静静态态文文本本控控件件是是窗窗口口型型控控件件,具
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图形界面 设计 项目
限制150内