Windows应用程序界面设计.ppt

Delphi 程序设计,主讲：陈强,南昌理工学院计算机系, Delphi 程序设计,第1章 Delphi 2005简介 第2章 Object Pascal语言基础 第3章 Windows应用程序界面设计 第4章 菜单、工具栏和对话框 第5章 使用复杂组件 第6章 面向对象的核心特性 第7章 多文档界面设计 第8章 程序调试与异常处理 第9章 文件操作和流 第10章 多媒体应用设计 第11章 数据库应用设计 第12章 综合应用设计, Delphi 程序设计,第3章 Windows应用程序界面设计,3.1 可视化编程基础 3.2 窗体Form 3.3 文本显示与编辑控件 3.4 按钮 3.5 选项按钮 3.6 列表框 3.7 界面布局 3.8 定时器Timer, Delphi 程序设计,3.1 可视化编程基础,3.1.1 面向对象基本概念 3.1.2 定义类和使用对象 3.1.3 对象的属性、方法和事件 3.1.4 事件驱动的Delphi应用程序 3.1.5 组件概述, Delphi 程序设计,3.1.1 面向对象基本概念,类与对象 类 对象 类的封装性、继承性和多态性 类的封装性 类的继承性 类的多态性, Delphi 程序设计,3.1.2 定义类和使用对象,定义类 定义子类 type 类 = class(父类) 数据域声明; 方法声明首部; end;, Delphi 程序设计,3. 使用对象,声明对象 var Form1 : TForm1; 对象实例化 Application.CreateForm(TForm1, Form1); 引用对象中的数据域和调用对象的方法 对象.数据域 对象.方法(实际参数表) 释放对象 aday.Free;, Delphi 程序设计,4. self指代对象自身,procedure TForm1.FormCreate(Sender: TObject); begin self.Caption:=self.Caption + 演示程序; end;, Delphi 程序设计,5. as和is运算符,Sender as TButton /将Sender对象转换为一个TButton类的对象 Sender is TComponent /判断Sender是否属于TComponent类及其子类, Delphi 程序设计,3.1.3 对象的属性、方法和事件,对象的属性 属性的读写特性：可读写属性和只读属性 属性的作用时间：设计时属性和运行时属性 引用对象属性 对象.属性 对象的方法 对象的事件, Delphi 程序设计,3.1.4 事件驱动的Delphi应用程序,组件的事件由消息触发 Delphi应用程序由事件驱动 procedure TForm1.Button1Click(Sender: TObject); begin /事件处理程序 end;, Delphi 程序设计,3.1.5 组件概述,组件 组件分类 控件 窗口控件是能够获得输入焦点的控件。 图形控件是不能获得输入焦点的控件。 非可视组件 查看组件的属性、方法、事件及其类层次, Delphi 程序设计,图3.1 组件类图, Delphi 程序设计,3.2 窗体Form,3.2.1 窗口与窗体 3.2.2 窗体的属性、方法和事件, Delphi 程序设计,3.2.1 窗口与窗体,1. Windows窗口 2. Delphi窗体, Delphi 程序设计,3.2.2 窗体的属性、方法和事件,窗体的主要属性 Name 窗体对象名 Caption 窗体标题 Left与Top 窗体位置，左上角在屏幕的坐标 Height与Width 窗体的高度与宽度 Color 窗体工作区的背景颜色 Enabled 窗体的有效性 Visible 窗体的可视性 Icon 窗体标题上的小图标 Font 窗体的字体 Position 窗体运行时的初始位置 WindowState 窗体运行时的初始状态, Delphi 程序设计,2. 窗体的主要方法,Close 关闭窗口 Create 创建并初始化一个窗口对象 Hide 隐藏窗口 SetFocus 使窗口获得焦点 SetFocusedControl 使窗口上的控件获得焦点 Show 显示被隐藏的窗口, Delphi 程序设计,3. 窗体的主要事件,OnCreate和OnDestroy事件 OnShow和OnHide事件 OnActivate和OnDeactivate事件 OnClick和OnDblClick事件 OnPaint事件 OnCanResize和OnResize事件 OnCloseQuery和OnClose事件, Delphi 程序设计,4. 窗体事件的触发次序,创建窗口时 由用户操作触发的事件 关闭窗口时 【例3.1】 理解窗体的事件。 新建应用程序 添加组件Label 编写窗体OnCreate事件处理程序 窗体OnCanResize和OnResize事件处理程序, Delphi 程序设计,3.3 文本显示与编辑控件,3.3.1 标签Label 3.3.2 单行编辑框Edit 3.3.3 格式编辑框MaskEdit 3.3.4 多行编辑框Memo 3.3.5 多行RTF文本编辑框RichEdit 3.3.6 渐变编辑框SpinEdit, Delphi 程序设计,3.3.1 标签Label,Label是一种用来显示文字的图形控件，它不能获得输入焦点，因而只能显示文本，不能编辑，常用来显示不需要修改的文字。 标签的主要属性 Caption 显示的文字内容 在窗体中引用组件属性的格式如下： 窗体.组件.属性 self.Label1.Caption:=你好！;, Delphi 程序设计,3.3.2 单行编辑框Edit,Edit是一种用于编辑单行文本的窗口控件，通常用于动态地输入一行文本。 单行编辑框的属性 Text 显示的文字内容 单行编辑框的事件 OnChange 当Edit的Text属性值改变时触发, Delphi 程序设计,【例3.2】 求一个整数的各位数字。,图形界面设计 窗口初始化 程序响应输入值 避免程序出现运行错误 自定义函数isInteger(str), Delphi 程序设计,3.3.3 格式编辑框MaskEdit,EditMask属性 Text和EditText属性 EditText是运行时属性 【例3.3】 使用MaskEdit编辑单行格式文本。 设置文本格式 动态改变单行编辑框的文本, Delphi 程序设计,3.3.4 多行编辑框Memo,Memo用于编辑多行文本。 Lines属性 Alignment属性 WantReturns属性 WantTabs属性 ScrollBars属性, Delphi 程序设计,3.3.5 多行RTF文本编辑框RichEdit,RichEdit控件的主要属性 SelStart和SelLenght属性：选中文本块的起始位置和长度。 DefAttributes和SelAttributes属性：默认字体样式和当前所选字体样式。 Paragraph属性：光标或选中块所在段落的段属性。 RichEdit控件的主要事件 OnSelectionChange事件, Delphi 程序设计,【例3.4】 多行文本编辑框。,演示RichEdit控件的使用方法。 显示RichEdit1的选中块位置 剪切、复制和粘贴操作, Delphi 程序设计,3.3.6 渐变编辑框SpinEdit,SpinEdit是一个带有上下箭头的编辑框，其中数据能够按照指定增量逐渐变化。 SpinEdit属性 Value属性表示值， Increment属性表示每次的变化量。 MaxValue和MinValue属性表示数据变化范围，即最大值与最小值。 SpinEdit主要事件有OnChange事件, Delphi 程序设计,3.4 按钮,3.4.1 按钮Button 3.4.2 图像按钮BitBtn 3.4.3 加速按钮SpeedButton, Delphi 程序设计,3.4.1 按钮Button,Button按钮的主要属性 Caption属性：按钮的标题。 Default属性：默认按钮，即按下Enter键，将触发Button的OnClick事件。 Cancel属性：取消按钮，即按下Esc键，将触发Button的OnClose事件。 Button按钮的主要事件 OnClick事件, Delphi 程序设计,3.4.2 图像按钮BitBtn,Kind属性 决定BitBtn的种类。取值为 bkYes、bkNo等 Glyph属性 为BitBtn指定一个.bmp文件，显示在按钮表面。 Layout属性 控制位图与文本的相对位置，取值为blGlyphLeft（位图居左，默认值） 、blGlyphRight等, Delphi 程序设计,3.4.3 加速按钮SpeedButton,Down属性：按下状态 Flat属性：凸现 GroupIndex属性：成组, Delphi 程序设计,【例3.5】 设计“计算器”。,使用Edit、BitBtn与SpeedButton控件 自定义两个过程用于输入和运算 窗口初始化 数字和运算符按钮的事件处理程序 清除和退格按钮 关于自定义过程和函数的说明 关于本例的说明, Delphi 程序设计,3.5 选项按钮,3.5.1 复选框CheckBox 3.5.2 单选按钮RadioButton与组框GroupBox 3.5.3 单选按钮组RadioGroup, Delphi 程序设计,3.5.1 复选框CheckBox,CheckBox是一个带标签的方框，方框中打勾号表示选择，表示不选择。单击可改变状态。 复选框选中与否的状态用Checked属性表示。, Delphi 程序设计,3.5.2 单选按钮RadioButton与组框GroupBox,单选按钮 单选按钮RadioButton用来显示一组互斥的选择。 位于同一个组件中的多个单选按钮构成一个组，实现单选。 单选按钮选中与否的状态用Checked属性表示。 组框 为一组相关联的组件提供一个可视分组，, Delphi 程序设计,3.5.3 单选按钮组RadioGroup,单选按钮组RadioGroup是一个组框与一组单选按钮的组合。 其特有的属性有： Columns，指明RadioButton的列数，取值范围为116 Items，指定各单选按钮的显示文本 ItemIndex，指示当前被选中RadioButton的序号, Delphi 程序设计,3.6 列表框,3.6.1 列表框ListBox 3.6.2 组合框ComboBox 3.6.3 复选列表框CheckListBox, Delphi 程序设计,3.6.1 列表框ListBox,列表框的主要属性 Items属性 ItemIndex属性 Columns属性 MultiSelect属性 Selected属性 列表框的主要方法 Clear方法，清除列表框中的所有数据项。 列表框的主要事件 OnChange事件：当用户在列表框中选择新的数据项时触发。 OnClick事件：当用户单击列表框时触发。, Delphi 程序设计,3.6.2 组合框ComboBox,组合框的主要属性 Style属性：指定组合框的类型，取值为csDropDown（可编辑且有下拉列表）、csDropDownList（不可编辑只有下拉列表）、csSimple（只可编辑没有下拉列表）。 组合框的主要方法 组合框的主要事件 OnChange事件：当用户在下拉列表中选择新的数据项，或在编辑框中修改了数据时触发。 OnDropDown事件：当用户单击编辑框右端的箭头按钮，打开下拉列表时触发。, Delphi 程序设计,【例3.6】 设计字体对话框。,演示单选按钮、复选框、列表框和组合框等组件的使用方法。 改变文本颜色 改变字形 改变段落对齐方式 改变字体 改变字号, Delphi 程序设计,3.6.3 复选列表框CheckListBox,Checked属性：运行时属性，表示每个数据项的状态。Checked是一个数组，元素类型为boolean。 OnClickCheck事件：单击数据项前的复选框时触发。, Delphi 程序设计,【例3.7】 管理关键词库。,演示CheckListBox的多项选择用法 显示选中项 添加数据项 删除当前数据项 删除所有选中数据项, Delphi 程序设计,3.7 界面布局,3.7.1 布局工具 3.7.2 控件的包含关系 3.7.3 布局属性Align与Anchor 3.7.4 分隔条Splitter, Delphi 程序设计,3.7.1 布局工具,选择多个组件 对齐对话框 调整控件大小的Size对话框 对齐工具栏, Delphi 程序设计,3.7.2 控件的包含关系,面板（Panel） 控件的Parent属性, Delphi 程序设计,3.7.3 布局属性Align与Anchor,Align属性 alNone alLeft、alRight、alTop和alBottom alClient Anchor属性, Delphi 程序设计,3.7.4 分隔条Splitter,Splitter的主要属性 Al