《VB的可视化开发环境课件ppt.pptx》由会员分享,可在线阅读,更多相关《VB的可视化开发环境课件ppt.pptx(36页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、VBVB的可视化开发环境的可视化开发环境本节课内容提要本节课内容提要二、二、 VB语言概述语言概述2三、三、VB 6.0程序开发环境程序开发环境 34六、课堂小结六、课堂小结 6四、制作第一个四、制作第一个VBVB程序程序 一、联系生活、探究新知一、联系生活、探究新知15五、制作第二个五、制作第二个VBVB程序程序 一、联系生活、探究新知一、联系生活、探究新知 引言:今天,人们的生活己离不开信息技术,从应用角度,每个人或多或少都会使用信息技术相关产品,当然,不同的人群,使用信息技术的能力和水平不一样,评价一下自己的应用能力和他人的应用能力。一、联系生活、探究新知一、联系生活、探究新知1、简单的
2、普及应用能力,如:玩游戏、上网、网上聊天、网上购物、微博等;2、使用和设计,如:使用WORD设计版报、制作PPT演讲稿,平面设计、动画设计等,基于现有的软件的应用,即应用软件的能力水平;3、软件开发:大多数的信息技术应用是基于软件,软件需要开发,接下来,走近软件开发。二、VB语言概述 VB语言是谁创建的,哪一年推出的?VB语言的特点是什么?微软 1991年简单易学,功能强大 VB(Visual Basic)语言是语言是Windows环境下快环境下快速开发应用程序的速开发应用程序的可视化可视化编程语言。编程语言。 可视化:主要是让程序设计人员利用软件本身所提供的各种控件,像搭积木式地构造应用程序
3、的各种界面,然后再编写少量的代码就可构建应用程序。考一考:考一考:三、VB 6.0程序开发环境布局布局窗口窗口属属性性窗窗口口工工程程窗窗口口窗体设窗体设 计窗口计窗口代码窗口代码窗口控控件件工工具具箱箱按这里按这里可以运可以运行程序、行程序、暂停程暂停程序和停序和停止程序止程序标题栏标题栏工具栏工具栏菜单栏菜单栏工作区工作区三、VB 6.0程序开发环境1、控件控件工具箱窗口工具箱窗口:提供编程所需的控件提供编程所需的控件 控件是一种基本的可视构件块,包含在应用程序中,控制着该程序处理的所有数据以及关于这些数据的交互操作。 什么是控件呢?三、VB 6.0程序开发环境2 2、属性窗口:可查看和编
4、辑窗属性窗口:可查看和编辑窗体或控件的属性体或控件的属性 作用:主要用来设定控件的作用:主要用来设定控件的初始外观初始外观三、VB 6.0程序开发环境属属性名性名 功能功能 ForeColor 设置前景色设置前景色 BackColor 设置背景颜色设置背景颜色 Font 设置字体和字号设置字体和字号 Caption 设置标题设置标题 Picture 设置加载的图片设置加载的图片 Height 设置高度设置高度 Width 设置宽度设置宽度 top 对象顶端与容器顶端缘之间的距离对象顶端与容器顶端缘之间的距离 left 对象左边与容器左边缘之间的距离对象左边与容器左边缘之间的距离 Visible
5、 对象是否可见对象是否可见 true: true: 可见可见 false: false: 不可见不可见 Backstyle 背景是否透明(背景是否透明( 0 0 :透明:透明 1 1 :不透明):不透明) AutoSize 自动调整大小显示所有内容。自动调整大小显示所有内容。 Style 外观是外观是 Win Win 标准风格还是图形风格标准风格还是图形风格 控件的常用属性控件的常用属性三、VB 6.0程序开发环境3 3、窗体、窗体设计窗口:是窗口:是VBVB的主窗口的主窗口 设计界面设计界面窗口窗口 在程序设计阶段,是进行程序界面的可视化设计的窗口 在程序运行阶段,是用户与该窗体中的控件交互
6、信息的窗口三、VB 6.0程序开发环境4 4、窗体布局窗口、窗体布局窗口功能:控制所编写的应用程序出现在屏幕上的位置 只要拖动该屏幕窗口中的设计窗口到所在位置,则运行程序时,窗口就显示在屏幕所在位置。 四、制作第一个四、制作第一个VB程序程序 1、程序要求2、制作流程:、创建界面;、设置界面控件属性;、编写代码。 四、制作第一个四、制作第一个VB程序程序 这个程序要求如下:这个程序要求如下:(1)窗口标题显示“VB世界”当按下“显示” 按钮时,在窗口上方将出现“欢迎进入VB世界!”(字体设置为:楷体、蓝色、粗体、二号) ;(2)当按下“清除”按钮时, “欢迎”文字消失;(3)当按下“退出”按钮
7、时, 退出这个窗体。 四、制作第一个四、制作第一个VB程序程序 制作流程:制作流程:、创建界面、创建界面1、启动 VB 6.0,创建一个窗体 Form1 2、在窗体上添加控件 (1)在窗体上添加“按钮”控件。方法:单击按钮控件,在窗体上的合适处依次画出三个按钮。 (2)在窗体上添加“标签(Label)控件”(用于在窗体上显示文字)方法:单击控件工具箱上的“A”字样的图案 ,在窗体上合适的位置画出标签控件。 四、制作第一个四、制作第一个VB程序程序 、设置界面控件属性设置界面控件属性 1、设置窗体标题(Caption)属性 (1)选中属性窗体 (2)选中属性窗口 (3)选中“Caption ”属
8、性 (4)在“Caption”属性的值中输入“welcome!”,在“backcolor” 选择淡黄色 四、制作第一个四、制作第一个VB程序程序 2、设置三个按钮(Command)属性 (1)选中按钮 (2)选中属性窗口 (3)选中“Caption ”“属性” (4)在“Caption”属性旁的值中输入“按我”,“清除”,“退出” 3、设置标签(Label)属性 (1)选中标签 (2)选中属性窗口 (3)设标签标题为空:选中“Caption ”“属性,在“Caption” 属性旁的值中删除原有内容,使其为“空” 四、制作第一个四、制作第一个VB程序程序 (4)设置蓝色:选中属性窗口中的前景颜色
9、属性(Forecolor)(5)设置字体:为“楷体,二号,粗体” a、选属性中的“Font”属性,单击右边的“”号 按钮 b、在字体框中设置字体为“楷体,二号,粗体” c、单击“确定”按钮 如图: 四、制作第一个四、制作第一个VB程序程序 、编写代码、编写代码 双击“按我”按钮控件,则弹出一个代码窗口,并自动生成一个过程,系统自动生成了两行代码 。如图:Private Sub Command1_Click()End Sub 四、制作第一个四、制作第一个VB程序程序 、编写代码、编写代码如要加入代码,则在这两个语句间插入所需的代码 。“按我”的代码为:Label1.Caption = 欢迎进入V
10、B世界!“依次双击“清除”、“退出”按钮,输入如下代码:“清除”代码:Label1.Caption = “ “退出”代码:End完成后如图: 五、制作第二个五、制作第二个VB程序程序 1、程序要求2、制作流程:、创建界面;、设置界面控件属性;、编写代码;、运行程序;、文件保存;、编译成 EXE 可执行文件。 五、制作第二个五、制作第二个VB程序程序 这个程序要求如下:这个程序要求如下:(1)窗口标题显示“登录”当按下“确认” 按钮时,跳转到“登录成功”窗体,窗口上方显示的“管理系统”(字体设置为:楷体、蓝色、粗体、小初) ;(2)当按下“重置”按钮时,文本框文字消失重置;(3)当按下“退出”按
11、钮时, 退出这个窗体。 五、制作第二个五、制作第二个VB程序程序 这个程序要求如下:这个程序要求如下:(4)窗口标题显示“登录成功”, 在窗口上方显示“你已成功登录本系统!”(字体设置为:楷体、红色、粗体、二号) ;(5)当按下“关闭”按钮时, 退出这个窗体。 五、制作第二个五、制作第二个VB程序程序 这个程序要求如下:这个程序要求如下:(6)窗口标题显示“登录失败”, 在窗口上方显示“你输入的用户名或密码出现错误,请重新登录!”(字体设置为:楷体、红色、粗体、三号) ;(7)当按下“重新登录”按钮时,跳转到“登录”窗体。 五、制作第二个五、制作第二个VB程序程序 制作流程:制作流程: 、创建
12、界面、创建界面1、启动 VB 6.0,创建三个窗体 Form1,Form2,Form3 2、在窗体上添加控件 (1)在窗体上添加“按钮”控件。方法:单击按钮控件,在窗体上的合适处依次画出三个按钮。 (2)在窗体上添加“标签(Label)控件”(用于在窗体上显示文字)方法:单击控件工具箱上的“A”字样的图案 ,在窗体上合适的位置画出标签控件。 五、制作第二个五、制作第二个VB程序程序 、设置界面控件属性设置界面控件属性 1、设置窗体标题(Caption)属性 (1)选中属性窗体 (2)选中属性窗口 (3)选中“Caption ”属性 (4)在“Caption”属性的值中输入“登录”、“登录成功”
13、、“登录失败”,在“picture” 选择相应图片。 五、制作第二个五、制作第二个VB程序程序 2、设置三个按钮(Command)属性 (1)选中按钮 (2)选中属性窗口 (3)选中“Caption ”属性 (4)在“Caption”属性旁的值中输入“确认”、“重置”、“退出”、“关闭”、“重新登录”。 3、设置标签(Label)属性 (1)选中标签 (2)选中属性窗口 (3)设置标签标题:选中“Caption ”属性,设置“管理系统”、“你已成功登录本系统!”、“你输入的用户名或密码出现错误,请重新登录!”。 五、制作第二个五、制作第二个VB程序程序 (4)设置蓝色、红色:选中属性窗口中的前
14、景颜色属性(Forecolor)(5)设置字体:为“楷体、小初、粗体” a、选属性中的“Font”属性,单击右边的“”号 按钮 b、在字体框中设置字体为“楷体、小初、粗体” c、单击“确定”按钮 如图: 五、制作第二个五、制作第二个VB程序程序 、编写代码、编写代码如要加入代码,则在这两个语句间插入所需的代码 。“确认”的代码为:If Text1.Text = a And Text2.Text = 1 ThenForm1.Hide : Form2.ShowElseForm1.Hide : Form3.ShowEnd If 五、制作第二个五、制作第二个VB程序程序 、编写代码、编写代码如要加入代
15、码,则在这两个语句间插入所需的代码 。依次双击“清除”、“退出”按钮,输入如下代码:“重置”代码:Text1.Text = “”: Text2.Text = “退出”代码:End完成后如图: 五、制作第二个五、制作第二个VB程序程序 、运行程序、运行程序 方法: 1、单击工具栏中的“启动”按钮 2、按功能键“F5”键 3、选“运行”菜单中的“启动”命令 五、制作第二个五、制作第二个VB程序程序 、文件保存 在VB6.0中进行保存,常用“保存工程”命令,而在保存过程中,必须保存两次,一次是以.frm为扩展名的文件保存,另一次是以.vbp为扩展名的文件保存。前者是保存应用程序的窗体文件,后者是保存
16、应用程序的工程文件。如果希望以另外的文件名存盘,可以选择“文件”菜单中的“工程另存为”菜单项。大家仔细观察,VB 6.0文件的保存比较特别! 五、制作第二个五、制作第二个VB程序程序 、编译成编译成 EXE 可执行文件可执行文件 EXE是可执行文件(脱离 VB 可执行的程序文件) a、选“文件”菜单中的“生成.EXE”命令 b、输入文件主名 c、在Windows 中运行 VB 可执行文件大家试一试!大家试一试!_六、课堂小结 本节课介绍了vb语言的常识、vb程序的开发环境(控件工具箱、窗体设计窗口、代码窗口、工程窗口、属性窗口和窗体布局窗口)和制作一个vb程序的步骤。制作一个VB程序(可视化编程)的步骤:建立工程创建图形用户界面设置对象的属性编写程序代码调试运行程序保存和编译应用程序常用窗口的作用常用窗口的作用窗口作用控件工具箱提供编程所需的控件,与窗体共同构成应用程序的界面 代码窗口输入程序代码窗体设计器窗口进行程序界面的可视化设计的窗口工程资源管理器是管理工程中各个组件属性窗口可查看和编辑窗体或控件的属性,主要用来设定一个对象的初始外观窗体布局窗口控制所编写的应用程序出现在屏幕上的位置六、课堂小结 课后作业:课后作业: 探讨如何制作QQ登陆界面,用到哪些控件,哪些我们可以通过今天的学习可以完成?谢谢!谢谢!