第2章 可视化编程的概念与步骤.ppt

《第2章 可视化编程的概念与步骤.ppt》由会员分享，可在线阅读，更多相关《第2章 可视化编程的概念与步骤.ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、LOGOVisual Basic 程序设计程序设计第第2章章 可视化编程初步可视化编程初步1第第2章章 可视化编程初步可视化编程初步内容简介内容简介2.1 窗体对象窗体对象2.2 可视化编程的概念可视化编程的概念2.3 可视化编程环境可视化编程环境2第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计 缺缺 省省 窗窗 体体3第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计v窗体的主要属性窗体的主要属性CaptionBorderStyle ControlBox MaxButton Min

2、Button Width Height v 的使用的使用n Leftn Top n Fontn BackColorn ForeColorn Icon n Picture4第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计v【例例2-1】设计一个窗体，窗体上有设计一个窗体，窗体上有3个命令按钮：个命令按钮：“窗体变大窗体变大”、“窗体变小窗体变小”、“退出退出”。当程序运行后，。当程序运行后，窗体上还会显示一个狮子，狮子随窗体变大或变小。窗体上还会显示一个狮子，狮子随窗体变大或变小。设计界面设计界面运行界面运行界面5第第2章章 可视化编程初步

3、可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计v步骤一：设计用户界面。在窗体上放置步骤一：设计用户界面。在窗体上放置3个命令按钮。个命令按钮。v步骤二：设置对象属性。步骤二：设置对象属性。退出退出Caption窗体变大窗体变大CaptionCmdExit名称名称命令按钮命令按钮3CmdLarge名称名称命令按钮命令按钮1窗体变小窗体变小Caption改变窗体尺寸改变窗体尺寸CaptionCmdSmall名称名称命令按钮命令按钮2Form1名称名称窗体窗体属性值属性值属性名属性名对象对象属性值属性值属性名属性名对象对象6第第2章章 可视化编程初步可视化编程初步2.

4、1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计v步骤三：编写程序代码。步骤三：编写程序代码。Load事件过程：窗体事件过程：窗体Form被加载到内存时，下面的程被加载到内存时，下面的程序段就会被执行（通常设置变量的初始值）。序段就会被执行（通常设置变量的初始值）。Private Sub Form_Load()Picture=LoadPicture(D:VBlion.wmf)End Sub对象对象.Picture=LoadPicture(文件名文件名)其中：对象可以是窗体、图片框和图像框，其中：对象可以是窗体、图片框和图像框，缺省为窗体。缺省为窗体。赋赋值值语语句句7第第2章章 可

5、视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计在程序代码中设置在程序代码中设置Picture属性：属性：LoadPicture函数函数（1）文件名用西文双撇号，不能是中文双引号。）文件名用西文双撇号，不能是中文双引号。（2）文件名要带有路径。路径可以是绝对路径，也可以是相对）文件名要带有路径。路径可以是绝对路径，也可以是相对路径，图片外挂。如：路径，图片外挂。如：Picture=LoadPicture(D:vblion.wmf)Picture=LoadPicture(App.Path&lion.wmf)（3）指定文件名为空，表示卸载已载入的图形文件。

6、如）指定文件名为空，表示卸载已载入的图形文件。如 LoadPicture()或或 LoadPicture()8第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计改变窗体的尺寸改变窗体的尺寸Private Sub CmdLarge_Click()Height=Height+500 Width=Width+500End Sub窗体高度窗体高度Height和宽度和宽度Width的单位的单位为缇为缇Twip，一英寸等于，一英寸等于1440Twip。注注 释释9第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计

7、单窗体程序设计退出应用程序退出应用程序Private Sub CmdExit_Click()EndEnd Subv步骤四：保存与调试步骤四：保存与调试 10第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.1 单窗体程序设计单窗体程序设计v步骤五：补充与提高步骤五：补充与提高 11第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计v多重窗体的添加多重窗体的添加/删除删除添加窗体添加窗体执行菜单命令执行菜单命令“工程工程”/“添加窗体添加窗体”在在“工程资源窗口工程资源窗口”内执行右键菜单命令内执行右键菜单命令“添加添加

8、”/“添加窗体添加窗体”删除窗体删除窗体可以激活该窗体，执行菜单命令可以激活该窗体，执行菜单命令“工程工程”/“移除窗体移除窗体”指向指向“工程资源窗口工程资源窗口”欲删除的窗体名，执行右键菜欲删除的窗体名，执行右键菜单的单的“移除窗体移除窗体”命令命令12第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计v 多重窗体的切换（隐藏多重窗体的切换（隐藏/显示）显示）Show方法兼有装入和显示窗体两种功能，格式：方法兼有装入和显示窗体两种功能，格式：窗体名称窗体名称.ShowHide 方法使窗体隐藏，即不在屏幕上显示，但仍存在内方法使窗体隐藏，

9、即不在屏幕上显示，但仍存在内存中，格式：存中，格式：窗体名称窗体名称.Hide13第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计v 多重窗体的启动多重窗体的启动通过菜单命令通过菜单命令“工程工程”/“工程属性工程属性”指定一个启动窗体；指定一个启动窗体；若未指定，系统把设计时的第一个窗体作为启动窗体。若未指定，系统把设计时的第一个窗体作为启动窗体。v 多重窗体的存取多重窗体的存取每个窗体应分别保存到每个窗体应分别保存到.frm的窗体文件中。的窗体文件中。只须打开该工程的只须打开该工程的.vbp管理文件，则属于该工程的所有管理文件，则属于

10、该工程的所有文件（包括文件（包括.frm和和.bas文件）均装入内存。文件）均装入内存。v 多重窗体的编译多重窗体的编译无论一个工程包括多少窗体，都可以通过菜单命令无论一个工程包括多少窗体，都可以通过菜单命令“文文件件”/“生成生成*.exe”生成生成Windows中的可执行文件。中的可执行文件。14第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计v【例例2-2】设计一个程序，程序中包括两个窗体。设计一个程序，程序中包括两个窗体。一个窗体显示红花，另一个窗体显示黄花。运行后一个窗体显示红花，另一个窗体显示黄花。运行后先显示红花窗体，单击红

11、花窗体后，显示黄花窗体；先显示红花窗体，单击红花窗体后，显示黄花窗体；单击黄花窗体又返回到红花窗体。单击黄花窗体又返回到红花窗体。15第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计v步骤一：设计界面步骤一：设计界面新建窗体新建窗体Form2先分别将先分别将Form1与与Form2存盘，再将管理文件存盘，再将管理文件.vbp存盘存盘存盘前后工程窗口的区别存盘前后工程窗口的区别存盘前后工程窗口的区别存盘前后工程窗口的区别存盘前后工程窗口的区别存盘前后工程窗口的区别 16第第2章章 可视化编程初步可视化编程初步2.1 窗体对象窗体对象2.1.

12、2 多窗体程序设计多窗体程序设计v步骤二：设置属性（窗体）步骤二：设置属性（窗体）名称缺省，标题为名称缺省，标题为“红花红花”、“黄花黄花”v步骤三：代码步骤三：代码 窗体窗体Form1代码代码Private Sub Form_Load()Picture=LoadPicture(App.Path&red.jpg)End Sub 窗体窗体Form2代码代码Private Sub Form_Load()Picture=LoadPicture(App.Path&yellow.jpg)End Sub？系统能系统能区分区分2个窗体个窗体的代码的代码吗？吗？17第第2章章 可视化编程初步可视化编程初步2.

13、1 窗体对象窗体对象2.1.2 多窗体程序设计多窗体程序设计 从窗体从窗体Form1切换到切换到Form2Private Sub Form_Click()Form1.Hide Form2.ShowEnd Sub 从窗体从窗体Form2切换到切换到Form1Private Sub Form_Click()Form2.Hide Form1.ShowEnd Sub18第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v对象的属性（对象的属性（Properties）属性用来表示对象的特征，每一种对象所具有的属性不

14、同。属性用来表示对象的特征，每一种对象所具有的属性不同。属性的设置属性的设置（1）在设计阶段，从属性窗口设置，只用于属性的初始化设置）在设计阶段，从属性窗口设置，只用于属性的初始化设置 先激活对象，再设置属性先激活对象，再设置属性（2）在运行阶段，由程序语句设置或改变属性的值。）在运行阶段，由程序语句设置或改变属性的值。对象名对象名.属性名属性名=属性值属性值19第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v对象的事件（对象的事件（Event）与事件驱动）与事件驱动事件是由系统事先设定的，能为对象识

15、别和响应的动作。每事件是由系统事先设定的，能为对象识别和响应的动作。每一种对象能识别的事件是不同的。一种对象能识别的事件是不同的。20第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 每个事件过程由一个相应的事件触发（驱动），而不是由主每个事件过程由一个相应的事件触发（驱动），而不是由主程序调用。程序调用。事件驱动过程事件驱动过程，程序没有固定的执行顺序。，程序没有固定的执行顺序。窗体的系统事件：窗体的系统事件：Load事件事件窗体的用户事件窗体的用户事件鼠标事件：鼠标事件：Click、MouseDown

16、、MouseUp等等键盘事件：键盘事件：KeyPress、KeyDown、KeyUp等等其它事件：其它事件：DblClick、DragDrop、DragOver等等对象待命对象待命用户用户/系统触发事件系统触发事件对象对事件的响应对象对事件的响应（程序代码）（程序代码）21第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v【例例2-4】鼠标事件的使用。鼠标事件的使用。Private Sub Form_MouseDown(Button As Integer,Shift As Integer,X As Si

17、ngle,Y As Single)Print 执行了执行了 MouseDown 事件事件End SubPrivate Sub Form_MouseUp(Button As Integer,Shift As Integer,X As Single,Y As Single)Print 执行了执行了 MouseUp 事件事件End Sub22第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v鼠标事件的参数鼠标事件的参数Button：该参数是个整数，包含被用户按下或释放时鼠标按：该参数是个整数，包含被用户按下或

18、释放时鼠标按钮的值。在该整数的二进制位中钮的值。在该整数的二进制位中b0=1表示鼠标的左键被按下；表示鼠标的左键被按下；b1=1表示鼠标的右键被按下；表示鼠标的右键被按下；b2=1表示鼠标的中键被按下。表示鼠标的中键被按下。Shift：该参数是整数，表示：该参数是整数，表示Shift、Ctrl、Alt键的状态。在键的状态。在该整数的二进制位中该整数的二进制位中b0=1表示表示Shift键被按下；键被按下；b1=1表示表示Ctrl键被按下；键被按下；b2=1表示表示Alt键被按下。键被按下。X、Y：这两个值对应当前鼠标的位置，采用：这两个值对应当前鼠标的位置，采用ScaleMode属属性指定的单

19、位。性指定的单位。例如：在窗体上按住例如：在窗体上按住Ctrl，然后在坐标为（，然后在坐标为（200，300）的点）的点上按下鼠标右键，则上按下鼠标右键，则4个参数的值分别为个参数的值分别为2，2，200，30023第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v【例例2-6】用两个文本框用两个文本框 显示鼠标指针所指的位置显示鼠标指针所指的位置 Private Sub Form_MouseMove(Button As Integer,Shift As Integer,X As Single,Y As

20、 Single)txtX.Text=X txtY.Text=YEnd Sub 24第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v【例例2-5】学习键盘事件的过程。用户按了键盘上的任学习键盘事件的过程。用户按了键盘上的任意一个键，窗体上都会显示出用户按的是哪个键，以意一个键，窗体上都会显示出用户按的是哪个键，以及该键的及该键的ASCII码值。码值。Private Sub Form_KeyPress(KeyAscii As Integer)Print 你按的是你按的是&Chr(KeyAscii)&键，它

21、的键，它的 ASCII码值码值是是&KeyAsciiEnd Sub（Chr参见第参见第4章常用函数）章常用函数）25第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v对象的方法（对象的方法（Method）对象的方法是对象执行的动作，即对象本身含有的函数和过对象的方法是对象执行的动作，即对象本身含有的函数和过程。程。“方法方法”是针对对象的，所以调用是针对对象的，所以调用“方法方法”的形式与调用一的形式与调用一般子程序和函数不同，应该指明是哪个对象调用的。即般子程序和函数不同，应该指明是哪个对象调用的。即

22、对象名对象名.方法名方法名 参数参数1，参数，参数2，区区别别 “对象名对象名.方法名方法名”可以单独作为一个语句（就是调可以单独作为一个语句（就是调用函数或过程）使用。用函数或过程）使用。“对象名对象名.属性名属性名”只是引用了一个对象的属性，它只是引用了一个对象的属性，它不是一个完整的语句，只是语句的一个组成部分。不是一个完整的语句，只是语句的一个组成部分。如：如：Form1.Caption=红花红花26第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 窗体的常用方法窗体的常用方法Cls方法：清除窗体

23、或图片框上的文字或图形。方法：清除窗体或图片框上的文字或图形。对象名对象名.ClsMove方法：设置或改变窗体（标签框、文本框、命令按钮等）的位方法：设置或改变窗体（标签框、文本框、命令按钮等）的位置及大小。置及大小。对象名对象名.Move Left,Top,Width,HeightPrint方法：在窗体、图片框或打印机上显示输出信息。方法：在窗体、图片框或打印机上显示输出信息。对象名对象名.Print 输出项输出项1，输出项，输出项2，Refresh方法：用于一切可显示对象的刷新显示。方法：用于一切可显示对象的刷新显示。对象名对象名.RefreshSetFocus方法：为一切可接受焦点的对象

24、设置焦点。焦点是对象接方法：为一切可接受焦点的对象设置焦点。焦点是对象接受鼠标或键盘事件的能力。受鼠标或键盘事件的能力。对象名对象名.SetFocus27第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 v【例例2-3】使用使用Cls方法清除窗体或图片框中的文方法清除窗体或图片框中的文字或图形。字或图形。28第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 “窗体显示窗体显示”命令按钮的命令按钮的Click事件过程事

25、件过程Private Sub CmdShow_Click()Font.Size=18 Print Cls方法的使用方法的使用End Sub“图片框画圆图片框画圆”命令按钮的命令按钮的Click事件过程事件过程Private Sub CmdCircle_Click()Picture1.Circle(500,500),400End Sub29第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.1 对象的属性、事件和方法对象的属性、事件和方法 3个个“擦除擦除”命令按钮的命令按钮的Click事件过程事件过程Private Sub CmdClrForm_Click

26、()ClsEnd SubPrivate Sub CmdClrPbox_Click()Picture1.ClsEnd SubPrivate Sub CmdClear_Click()Cls Picture1.ClsEnd Sub30第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱 控件是预先定义好的，程序中能够直接使用的对象。控件是预先定义好的，程序中能够直接使用的对象。VB中中的控件分为的控件分为3类：内部控件、类：内部控件、ActiveX控件、可插入的对象。控件、可插入的对象。v内部控件内部控件内部控件是控件工具箱中

27、包含的控件。它们被内部控件是控件工具箱中包含的控件。它们被“封装封装”在在VB系统中，不可以从控件工具箱中删除。系统中，不可以从控件工具箱中删除。使用方法使用方法单击控件图形按钮，在窗体上合适位置拖出该控件的单击控件图形按钮，在窗体上合适位置拖出该控件的对象。对象。双击控件图形按钮，在窗体正中间会自动显示该控件双击控件图形按钮，在窗体正中间会自动显示该控件的一个对象，再用鼠标调整其大小及位置。的一个对象，再用鼠标调整其大小及位置。31第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱32第第2章章 可视化编程初步可视化

28、编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱vActiveX控件控件各种版本的各种版本的VB以及其他软件厂商另外为用户提供了大以及其他软件厂商另外为用户提供了大量的量的ActiveX控件，补充内部控件的功能。如数据绑定控件，补充内部控件的功能。如数据绑定控件、通用公共对话框控件、动画控件、多媒体控件等控件、通用公共对话框控件、动画控件、多媒体控件等ActiveX控件文件的扩展名为控件文件的扩展名为ocx或或dll，通常存放在，通常存放在Windows的的System32子目录中。子目录中。添加或删除添加或删除ActiveX 选择菜单命令选择菜单

29、命令“工程工程”/“部件部件”/控件控件选项卡选项卡33第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱34第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱v可插入对象可插入对象将外部应用程序（如将外部应用程序（如Excel电子表格、电子表格、PowerPoint幻灯幻灯片、片、Word文档编辑器等）作为对象插入到窗体中，以文档编辑器等）作为对象插入到窗体中，以扩展扩展VB应用程序的功能。应用程序的功能。添加或删除可插入对象添加或删除可插入

30、对象 选择菜单命令选择菜单命令“工程工程”/“部件部件”/可插入对象可插入对象选项选项卡卡 例如：添加例如：添加Word程序程序 35第第2章章 可视化编程初步可视化编程初步2.2 可视化编程的概念可视化编程的概念 2.2.2 控件与控件工具箱控件与控件工具箱36第第2章章 可视化编程初步可视化编程初步2.3 可视化编程环境可视化编程环境v集成开发环境的集成开发环境的3种状态种状态 看图标：设计状态看图标：设计状态 高亮；运行状态高亮；运行状态 高亮高亮 看窗口标题条标题看窗口标题条标题!修改程序要返回设计状态修改程序要返回设计状态37第第2章章 可视化编程初步可视化编程初步2.3 可视化编程

31、环境可视化编程环境自动列出成员自动列出成员 选择菜单命令选择菜单命令“工具工具”/“选项选项”/编辑器编辑器卡，在卡，在“代码代码设置设置”框中选中框中选中“自动列出成员自动列出成员”38第第2章章 可视化编程初步可视化编程初步2.3 可视化编程环境可视化编程环境自动显示快速信息自动显示快速信息 选择菜单命令选择菜单命令“工具工具”/“选项选项”/编辑器编辑器卡，在卡，在“代码代码设置设置”框中选中框中选中“自动显示快速信息自动显示快速信息”39第第2章章 可视化编程初步可视化编程初步2.3 可视化编程环境可视化编程环境自动语法检查自动语法检查 选择菜单命令选择菜单命令“工具工具”/“选项选项/编辑器编辑器卡，在卡，在“代码代码设置设置”框中，选中框中，选中“自动语法检查自动语法检查”。40第第2章章 可视化编程初步可视化编程初步2.3 可视化编程环境可视化编程环境v 界面设计进阶界面设计进阶对象的复制对象的复制 选选“编辑编辑”/“复制复制”命令（或命令（或Ctrl+C），再选），再选“编辑编辑”/“粘贴粘贴”命令（或命令（或Ctrl+V），复制命令按钮，复制命令按钮Command1 简单控件不能同名，控件数组内的元素是同名的简单控件不能同名，控件数组内的元素是同名的LOGO