ch02程序设计工具及界面设计.ppt

《ch02程序设计工具及界面设计.ppt》由会员分享，可在线阅读，更多相关《ch02程序设计工具及界面设计.ppt（73页珍藏版）》请在课桌文档上搜索。

1、第二章程序设计工具及界面设计,本章重点内容,VB集成环境的基本操作VB程序的基本组成用VB设计程序的基本过程窗体、标签、文本框、命令按钮的属性、方法与事件,2.1 程序设计工具,本质上是一种计算机语言2.1.1 VB简介版本演化BasicVisual Basic 1.0(Visual:可视化)Visual Basic 6.0(本课程学习版本)含学习版、专业版、企业版Visual Basic.Net 2008(最新版),2.1.2 VB的特点,可视化面向对象的程序设计方法结构化程序设计语言事件驱动的编程机制充分利用Windows资源DDE（动态数据交换）、DDL（动态链接）、OLE（对象链接与嵌

2、入）、API（应用程序接口）等开放的数据库功能与网络支持ODBC（开放式数据连接）功能，可以访问或使用并操作后台数据库如SQL server,可视化的设计平台用传统程序设计语言编程时，需要通过编写程序代码设计用户界面，在设计过程中看不到界面的实际显示效果，必须在运行程序时才能观察到。如果对界面的效果不满意，还要回到程序中修改，这一过程常常需要反复多次，大大影响了软件开发效率。Visual Basic提供的可视化设计平台，把Windows界面设计的复杂性“封装”起来，开发人员不必为界面的设计而编写大量程序代码，只需按照设计的要求，用系统提供的工具在屏幕上画出各种对象即可，Visual Basic

3、自动产生界面设计代码，程序员只需要编写实现程序功能的那部分代码，从而大大提高了程序设计的效率。,面向对象的设计方法 面向对象的设计方法(OOP，Object Oriented Programming)从应用领域内的问题着手，以直观自然的方式描述客观世界的实体。Visual Basic作为一种面向对象的编程方法，把程序和数据封装起来作为一个对象，并为每个对象赋予相应的属性。在设计对象时，不必编写建立和描述每个对象的程序代码，而是用工具画在界面上，由Visual Basic自动生成对象的程序代码，并封装起来。,事件驱动的编程机制 传统的程序设计语言面向过程，VB语言面向对象。通过事件来触发执行相应

4、的事件过程(“事件驱动“)，从而执行对象的操作和达到运算、处理的目的。,2.1.3 VB集成开发环境,Visual Basic为用户提供了良好的可视化开发平台，称之为Visual Basic Integrated Development Environment（IDE，集成开发环境）。IDE就是在Visual Basic中进行程序设计工作的地方，就是说Visual Basic的工程将在这个环境里进行设计、编辑、编译和调试。主要任务设计、编辑、编译、调试基本状态设计、运行、调试,VB的启动,新建一个应用程序,打开一个已经存在的应用程序,新建一个应用程序的基本方法是选择【标准EXE】然后点击【打开

5、】,主窗口,窗体窗口,工程资源管理器窗口,属性窗口,窗体布局窗口,工具箱窗口,代码窗口,标准工具栏,打开与保存工程,剪切、复制、粘贴、查找,撤销、重复,运行程序、暂停程序执行、终止程序执行,工程资源管理器、属性窗口、窗体布局窗口、对象浏览器、工具箱，点击激活或显示对应窗口,工具箱窗口,主要作用是在窗体上布局控件，每个控件由一个工具图标表示。工具箱的基本操作在“工具箱”窗口选中所需的控件图标（指向某控件时会出现提示），在窗体中拖画出控件。或者在“工具箱”窗口双击所需的控件图标（该控件已被放置到窗体的中间），将其拖放到适当的位置。调整窗体或者控件位置和大小的方法 粗调控件位置：拖动控件到合适位置放

6、下。粗调大小：在对象窗口选中窗体或者控件，移动鼠标到其四周的某一小方块上（鼠标指针变为双向箭头），拖动鼠标，当其大小合适时放下。细调位置和大小：通过属性窗口设置其左上角坐标（Left和Top属性）和高度与宽度值（Height和Width属性）。,工具箱,通过工具箱在窗体上布局的控件,属性窗口,主要作用是设置窗体或控件的属性 方法选择窗体：单击窗体的空白处，或者从“属性窗口”上端的对象组合框中选择。选择控件：单击窗体中的控件（如果要选择多个控件，可按下Shift键然后再单击要选择的各个控件；或者在窗体上拖鼠标使得虚线框罩住要选择的控件时放开）。或者从属性窗口上端的对象组合框中选择。设置属性:利用

7、属性窗口为窗体或者控件设置属性.,按钮的属性窗口,在属性窗口中输入属性时先选择属性名，输入属性值的方法有两种，一是直接输入，如Caption属性；另一种是从列表中选择一个，如Default。,对象列表,属性名,属性值,窗体设计器窗口（也叫对象窗口）用来设计应用程序用户界面的。设计窗体的外观，添加控件、图形，移动控件、改变大小等。工程资源管理器窗口 VB把应用程序称为“工程”。一个工程一般都是由许多各种类型的文件组成的。管理工程中的窗体和各种模块 以层次结构方式列出了当前工程中的所有文件。三个按钮：“查看代码”，“查看对象”,“切换文件夹”代码窗口 用来编辑事件过程（即事件响应代码）和其他通用过

8、程。窗体布局窗口 显示窗体在屏幕中的位置，调整窗体的位置,2.1.4 VB工程,Visual Basic把一个应用程序称为一个工程VB工程的类别标准Windows EXE程序（具有标准Windows风格的应用程序）一个VB工程的文件类型工程文件*.VBP（就是把所有文件整合在一起用的文件）窗体文件*.FRM（包含窗体及其控件正文描述和属性设置）标准模块文件*.BAS,工程的建立与保存,通过【文件】菜单进行操作,单击【退出】将关闭VB集成环境,单击【文件】【新建】菜单、在上图对话框中选择【标准EXE】，然后单击【确定】按钮可以新建一个工程。,对于一个新建的工程，单击【文件】【保存工程】菜单、在上

9、图对话框中选择保存的文件夹，并输入文件名然后单击【确定】按钮可以保存一个工程。,当前的保存路径，可以改变,当前的文件类型是窗体文件，每个窗体都有一个文件名，除了窗体还有工程文件,这就是工程文件的保存，注意窗体文件的默认扩展名是“frm”，工程文件的扩展名是“vbp”。另外窗体文件和工程文件保存在同一路径,2.1.5 VB应用程序的设计过程,1 创建新的VB工程2 创建应用程序界面3 设置对象属性4 编写程序代码5 调试和运行程序6 保存工程7 编译、生成可执行应用程序8 发布应用程序,简单来说,设计VB应用程序的步骤：大致分为两大部分工作：设计用户界面和编写程序代码 用户界面(用户使用计算机的

10、综合操作环境)。用户界面设计又包括建立对象和对象属性设置两部分。先要确定对象，然后针对这些对象进行代码编程,设计VB应用程序的具体步骤如下：(1)建立用户界面的对象；(2)设置对象的属性值；(3)编写程序代码，建立事件过程；(4)保存和运行应用程序,示例：一个简单程序,在运行中当用鼠标单击窗体时，窗体上显示出“欢迎您来到VB世界!”设计步骤如下：1.创建窗体 在系统默认提供的窗体上输出若干文字，不必专门设计用户界面。2.编写程序代码，建立事件过程 代码窗口：进入；选择了对象和事件；编写程序代码。事件过程名，由两部分组成：对象名和事件名,3.保存工程（参见实验指导P142-(4)）保存窗体文件(

11、.frm)和工程文件(.vbp)4.运行程序（参见实验指导P143-(5)）执行“启动”命令，即用解释方式运行程序 执行“结束”命令，即可结束程序的运行窗体显示情况,2.2 界面及其基本设计,用户主要通过界面来使用应用程序，看不到在执行什么代码，所以界面是否友好、操作是否方便在设计时显得很重要。2.2.1 界面的作用数据显示数据输入与编辑程序流程控制显示提示和帮助信息2.2.2 界面设计准备,2.2.3 窗体,控制菜单,标题栏,最小化按钮,最大化/还原按钮,关闭按钮,窗体,VB窗体的结构具有Windows标准窗口的样式和风格,边框,窗体坐标系统,坐标原点(0,0)在窗体的左上角 坐标轴刻度单位

12、为缇(Twip,567缇为1厘米)当前位置的横坐标(CurrentX)和纵坐标(CurrentY),X,Y,(CurrentX,CurrentY)当前位置,2.2.3.1 窗体设计,1 窗体名称任何一个对象都有一个名称，作为区别于其他对象的唯一标识属性名：Name只能在属性窗口中定义名称属性。在以后针对对象进行操作时，区分和指示具体的对象2 标题栏文本显示在窗体标题栏的字符串属性名：Caption可以在属性窗口中赋值，也可以在代码中通过赋值语句赋值,3 设置窗体风格相关属性ContrlBox：定义窗体是否有控制菜单；MaxButton：定义窗体是否有最大化按钮；MinButton：定义窗体是否

13、有最小化按钮；BorderStyle：定义窗体的边框类型；说明ContrlBox、ContrlBox、MinButton的值为Boolean类型，为True时有相关按钮；,将ContrlBox设置为False，将自动取消“最大化”、“最小化”按钮；BorderStyle属性的值为一枚举值,窗体的大小和启动位置大小Height属性定义窗体高度(包括边框与标题栏)Width属性定义窗体宽度启动位置Left属性定义窗体在屏幕上的横坐标Top属性定义窗体在屏幕上的纵坐标,大小和位置的数据单位ScaleMode属性定义数据单位默认为缇,窗体事件Load事件触发条件：当窗体由磁盘装入内存时引发该事件，它由

14、系统操作或通过Load语句触发。事件过程：Private Sub Form_Load()End Sub该事件过程常用于在装入内存时，进行一些初始化处理。,例2.1 有一窗体frmTest，在运行阶段设置窗体标题为“Load事件”，窗体显示在屏幕的正中央，并将其背景设置为蓝色（用VB中的常量vbBlue）。新建一个工程，将其中的窗体名在在属性窗口中设置为“frmTest”，并编写如下的事件过程：Private Sub Form_Load()frmTest.BackColor=vbBluefrmTest.Caption=Load事件frmTest.Left=(Screen.Width-frmTes

15、t.Width)/2frmTest.Top=(Screen.Height-frmTest.Height)/2End Sub,Click事件触发条件：当用户将鼠标指针置于对象上，按下鼠标左按钮并立即释放(即单击)时，便会在该对象上触发产生Click事件。事件过程：Private Sub Form_Click()End Sub 例2.2 将上例代码放到Click事件中并测试运行结果。,Unload事件这窗体关闭之前发生，单击窗体的关闭按钮、控制菜单的关闭命令和UnLoad语句都能使一个窗体卸载即从内存中删除窗体，以释放其所占用的系统资源。事件过程：Private Sub Form_Unload(C

16、ancel As Integer)End Sub如：当关闭窗体时，弹出信息“窗体发生了Unload事件”编写如下形式的代码:MsgBox 窗体发生了&Unload&事件,使用多窗体向工程中添加窗体【工程】菜单的【添加窗体】命令加载窗体语句：Load 加载窗体到内存方法：窗体名.show 模式模式为1，表示窗体是“模式”窗体模式为0或者省略，表示窗体为非模式窗体。可以先加载后显示，也可以直接用show方法显示。,隐藏窗体方法：窗体名.Hide卸载窗体语句：Unload 关键字 Me代表窗体自己,设置启动窗体选择“工程”菜单中的“工程属性”,图“工程”菜单的“属性”对话框,窗体的Print方法语法

17、.Print 表达式列表,|;功能在窗体、图片框和打印机输出表达式的值。说明“对象名称”可以是窗体(Form)、图片框(PictureBox)或打印机(Printer)。如果省略对象名称，则在窗体上直接输出。“表达式列表”是一个或多个表达式。字符串原样输出。输出数值数据的前面有一个符号位，后面有一个空格。,分隔符当输出多个表达式时，各表达式之间用分隔符(逗号、分号)隔开。用逗号分隔符，按标准输出(分区输出)格式显示。每遇到一个逗号，光标跳到下一个输出区(14个字符宽度)开始。用分号或空格作为分隔符，则按紧凑格式输出，每遇到一个分号，光标不改变位置。换行Print语句的结尾如果既不包括逗号也不包

18、括分号，则输出完成后光标跳到下一行的行首。,CurrentX和CurrentY属性定义当前窗体上光标所在的坐标位置CLS方法清除窗体上打印的内容，并将CurrentX和CurrentY属性都置为0,2.2.3.2 窗体设置要点,根据元素的重要性级别布局将元素按不同主题分组外观风格的一致性很重要合理调整窗体及其控件的大小和位置使之整齐划一,2.2.4 常用基本控件,2.2.4.1 标签功能用于显示一个静态字符串，通常显示文字说明信息。属性Caption属性设置标签的文本内容。语法：Object.Caption=字符串Alignment属性设置标签中文本的对齐方式。语法：Object.Alignm

19、ent=值其中的“值”可以为0，1或2。0(默认值)表示左对齐；1表示右对齐；2表示居中。,AutoSize属性设置控件是否能够自动调整大小以显示所有的内容。语法：Object.AutoSize=True或FalseWordWrap属性设置标签的文本在显示时是否自动换行功能。语法：Object.WordWrap=True或False其中True表示具有自动换行功能；False（默认值）表示没有自动换行功能。只有在AutoSize属性设置为True的时候WordWrap属性才有效。当AutoSize为True且WordWrap也为True时，标签能够根据文本的多少调整自身的高度来显示所有文本；当

20、AutoSize为True且WordWrap为False时，标签则调整自身的宽度来显示所有文本。,BackStyle属性设置标签的背景样式。语法：Object.BackStyle=值“值”可以为0或1。1(默认值)表示是不透明的；0表示是透明的。BorderStyle属性设置标签的边框样式。语法：Object.BorderStyle=值“值”可以为0或1。0(默认值)表示无边框；1表示单线边框。,BackColor属性设置标签的背景颜色ForeColor属性设置标签的前景颜色事件Click单击标签框时事件发生,Move方法Object.Move left,top,width,heightMov

21、e方法的功能是移动对象到一个新的位置，并可以改变其大小。其中left、top参数表示移动到的目标位置左上角坐标，width、height参数则表示对象的宽度和高度。left为必要参数，其他三个为可选参数。要指定任何其它的参数，必须先指定出现在语法中该参数前面的全部参数。任何没有指定的尾部的参数则保持原来的值不变。,Height、Width、Top和Left属性：Height和Width属性确定控件的高度和宽度，Top和Left属性确定控件在窗体中的位置 Left值用来设置对象左边内缘到其容器左边边缘的距离，Top值是指定对象上方内缘到其容器上方边缘间的距离,练习:当窗体大小改变（Resize）

22、时，标签始终保持位于窗体的中间位置。,2.2.4.2 文本框（TextBox）,功能：显示、输入和编辑数据属性Text属性返回或设置控件中显示的文本内容。语法：Object.Text=字符串MaxLength属性设置文本框中输入的字符串长度是否有限制。默认值为0，字符串的长度只受内存限制；设置为大于0的数，表示能输入的最大字符数目。,MultiLine属性语法：Object.MultiLine=True或False功能：设置文本框是否以多行方式显示文本。说明：设置为True时以多行文本方式显示；设置为False（默认）时以单行方式显示。ScrollBars属性语法：Object.ScrollB

23、ars=值功能：设置文本框是否有垂直或水平滚动条。说明:“值”可以为0，1，2，3。0（默认值）无滚动条；1:水平滚动条；2:垂直滚动条；3:有水平和垂直滚动条。MultiLine属性设置为True时ScrollBars属性有效,PasswordChar属性语法：Object.PasswordChar=“字符”功能：设置是否在控件中显示用户键入的字符。该属性设置为某一字符，那么无论Text属性值是什么，在文本框中都只显示该字符。注意：文本框没有 Caption属性,事件Change事件文本框内容被修改时触发。语法：Sub _Change()KeyPress事件在文本框中按任一具有ASCII码值

24、的键时触发。语法：Sub Text_KeyPress(KeyAscii As Integer)KeyAscii为按键对应的一个ASCII码如果在此事件中将KeyAscii设置为0，则此按键被删除。,GotFocus事件在文本框得到焦点时发生LostFocus事件文本框失去焦点时发生方法SetFocus方法语法：SetFocus功能：将焦点设置到对应文本框,2.2.4.3 命令按钮,主要作用程序运行时，用户单击能够实现一个对应的功能；事件：Click语法Private Sub _Click()End Sub响应：用户单击按钮时事件发生,属性Caption设置或者返回命令按钮的标题，即命令按钮上显

25、示的文字。其值为一个字符串。Enabled设置按钮是否有效，其值为Boolean类型，为True时有效即能响应鼠标或键盘的操作，为Flase时无效。Visible设置或返回按钮的可见性，其值为Boolean类型，为True时在界面上可见，为Flase时不可见。,对话框既可以用来显示信息，也可以用于输入信息 VB中能够建立两种预制对话框：输入框和消息框 使用系统提供的函数(InputBox和MsgBox)先看以下一个例子:例 通过输入框输入姓名，然后再消息框中显示出来 Private Sub Form_Load()x=InputBox(输入您的姓名,您叫什么名?)MsgBox(x&先生：祝您马到

26、功成！)End Sub,2.2.5 对话框,形式：一个输出信息加上几个按钮功能：向用户显示信息，用户通过按钮进行选择，从而实现不同的功能。使用语法MsgBox语句MsgBox函数,消息对话框（Msgbox）,Msgbox语句语法msgbox,类型,字符串表达式2功能：显示信息说明字符串表达式1为希望显示的字符串字符串表达式2为对话框标题类型=图标类型+按钮类型+默认按钮注：如果省略类型参数而需要使用字符串表达式2参数，类型参数前的逗号不能省略,MsgBox函数与语句的区别语句向用户显示一个信息，通常只有一个“确定”按钮；函数不仅向用户显示一个信息，而且包含若干个按钮，用户单击不同的按钮能实现不

27、同的功能；语法（注：函数调用放在表达式中，而不能是独立的一行，以下语法是通过赋值语句实现函数调用）=msgbox(,类型,字符串表达式2),例：1、MsgBox 计算已完成“2、y=MsgBox(输入文件名是否正确,52,请确认),返回值常量名 常量值vbOK 1vbCancel 2vbAbort 3vbRetry 4vbIgnore 5vbYes 6vbNo 7,输入对话框：InputBox函数,功能能接收用户输入数据的对话框，对话框作为输入数据的界面，等待用户输入数据，并返回输入的内容语法=InputBox$(,)举例：fname$=InputBox(“请输入文件名(不超过8个字符)”，”

28、文件名”，”vbfile”)将产生一个如下对话框,说明：(1)信息内容：是一个字符串，基本长度不超过255个字符。它是在对话框内显示的信息，用来提示用户输入提示信息，必选参数。(2)对话框标题：是一个字符串，它是对话框的标题，显示在对话框顶部的标题区。(3)默认内容：是一个字符串，可用此缺省字符串作为输入值。如果用户不想用这个缺省字符串作为输入值，可在输入区直接键入数据，以取代缺省值。如果省略该参数，则对话框的输入区为空白，等待用户键入信息。,(4)InputBox函数的返回值是一个字符串。如果需要使用该函数输入数值型数据，可以使用Val函数进行转换。(5)每执行一次InputBox函数只能输入一个值。在实际应用中，可能需要输入成批的数据，一般把InputBox函数与循环、数组结合使用，在后面的章节中您会看到这样的实例。,阅读下面的程序段：n1=InputBox(请输入第一个数：)n2=InputBox(请输入第二个数：)Print n1+n2当输入分别为111和222时，程序输出为_A.111222 B.222 C.333 D.程序出错,Thank You!,