-
VB
基础教程
第
1
课????
VB
基础
第
2
课????标签控件
第
3
课????文本框
第
4
课????命令按钮
第
5
课????图片框
第
6
课????复选框
第
7
课????单选按钮
I
第
8
课????单选按钮
II
第
9
课????定时器
第
10
课????音乐播放器
本教程由
86
团学校
< p>TeliuTe制作
|
著作权所有，不得用于商业用途
美丽的校园??
VB
程序设计基础
一、程序设计是指为计算机编制一些软件和程序。学习的目的是 理解计算机的工作方式
和运行的方式。
VB
是经典的编程设计语言，也是基础语言之一，简单易学，功能强大，深受广大 初学者
的喜爱。
VB
是运行在
Windows
视窗操作系统上，
设计程 序的思想在于在窗口中放置对象和针对对
象设计代码。
（一）启动
VB
：单击“开始” －“程序”－“
Microsoft Visual Basic 6.0
中文 版”选择“标
准
EXE
”
，单击“打开” 进入窗口。
（二）
VB
窗口
1
、
标题栏：
在最上面蓝色标题是
“工程
1
－
...
”
，
< p>是我们当前正在设计的程序，被称作
“工
程
1
”
。
2
、菜单栏：菜单栏在第二行，包含一组菜单，菜单中有各种命令，我们应该理解操作计
算机就是向计算机提供一系列的指令。
（
1
）
“文件”菜单，要求记住“保存”命令，
VB
要保存两次，注意保存文件到自己的文
件夹中。
（本书中双引号当中均是指操作命令）
（< /p>
2
）
“视图”菜单，显示各个窗口，如果一个窗口找不着了，就到这 个菜单中找出来。
（
3
）
“运行”菜单，第一个“启动”命令要记住，可以运行我们的程序。
3
、工具栏：第三行是工具栏，工具栏是一些最 常用的命令，而且是用图标表示的，因而
便于形象记忆和操作，要求记住“启动”按钮。
（在视窗操作系统中，我们不仅要会认识文
字说明，还要特别留意图标含
义。
）
4
、工 作区：工作区占据窗口的绝大部分，从左向右包括工具箱、窗体、和属性窗口。
（
1
）工具箱：在工作区的左侧 ，包含许多编程用到的基本对象，被称作“控件”
。
（
2
）窗体：中间的灰色的窗口，是我们设计的程序的基本框架， 所有的对象都放在这个
窗口当中。
（
3
）小窗口：在右侧有三个纵向排列的窗口。
①最上面是工程窗口，上边有三个按钮，中间的按钮是显示对象窗口；
②下面是属性窗口，属性是一个对象的名称、大小、颜色等等；
③最下面是布局窗口，里面显示程序运行时的位置，拖动里面的 小框可以改变程序的显
示位置。
4
、下面修改窗体的属性，在右侧的属性窗口中找到
Caption< /p>
项，在它右边的格子里点一
下鼠标左键，然后输入“窗体”两个字，观察一
下工作区中的窗体的标题是否已经改变，
Caption
是设置一个应用 程序的窗口标题，
再在属性窗口中找到
BackColor
项，< /p>
单击右边格子
里的黑色三角按钮上点击一下鼠标左键，
在弹 出的面板上边的一行文字中选择
“调色板”
标
签，选中浅
紫色，观察一下工作区中间的窗体的变化。单击工具栏上的启动按钮，
运行一下
< br>我们的程序，看一下这个窗口，还不错吧？
Alt
＋
F4
）
，回到窗体中，在属性窗口中找到
Icon
项，在右边的
格子里点一下鼠标左键再点一下三个小点，在弹出的“加载图标”对话框中，点击“向上”
按钮退一步，再选择打开
Common
，再选择打开
Graphics
，再选择打开
Icon
，再打开
Misc
，
在里面找一个图标，
单击打开，
再看一下工作区中的窗体的标题栏左侧是否有一个图标。
单
击“启动”
按钮，运行一下程序，然后最小化，看一下任务栏上的图标找到我们的程序，单
击一下图
标恢复窗口。
关闭程序回到属性窗口，
找到
Picture
属性，
在右边的格子里单击一下鼠标 左键，
打开
“加
载图片”对话框，找一幅较大的背景图片
打开，观察一下工作区窗体的变化。单击“启动”
按钮运行一下程序，很漂亮的一个窗口
是吧？
关闭程序，
同样再修改
Font
属性和
ForeColor
属性，
属性都是按照字母排序的，
在最后的
WindowState<
/p>
属性中选择
2
－
Maxing
最大化 ，运行一下程序看一下效果。
如何保存自己的 程序呢？方法是在“文件”菜单中选择“保存工程”或者点击工具栏上
的磁盘按钮，
保存文件到自己的文件夹
（如果没有就新建一个）
以
“
MyForm
”
为文件名
（如
果能用中文就输入汉字“窗体”
）
。保存两次，一次是窗体，另一次是工程。
保存好的程序要编译成可以在
Windows
下运行的可执行程序，方法是选择“文件”菜单
中的“生
成工程
”命令，以“窗体”为文件名保存文件到自己的文件夹，这个程序关
闭
VB
后也可以运行，退出
VB
，打开自己的文件夹，找到程序，运行一下看看。
VB
的基本窗口和窗体属性，以后会经常用到。
美丽的小姑娘（在弹出的对话框中选择“在当前位置运行该 程序”和“是”
）
本教程由
86
团学校
TeliuTe
制作
|
著作权所有 ，不得用于商业用途
美丽的校园??
VB
程序设计基础
二、工具箱里的控件
一个程序的窗口是由许多对象组成的，在
VB
中这些对象被称作控件，控件都放在 工作区
左侧的工具箱内，我们用这些控件可以组合出不同的程序来。
首先箭头工具是用来选择、移动、缩放对象的，默认的就是选择工具。
箭头工具下面的
A
是标签
< p>Label控件，用来显示文字，代码是
n=
“?”
，编程
序除了对象外还要有代码。
使用的方法是用鼠标左键在工具 箱中选中它，
然后在工作区中拖
动鼠标就可以画出一个标签来，默认的名
称是
Label1
，也就是第一个标签。
启动
VB
，选择“标准
EXE
”
，点“打开”进入窗口，在右侧的属性窗口中修改一下
< p>Caption
项为“窗体”
，
BackColor
项为浅紫色和
Icon
项。
在工作区窗体中间的上方画一个标签，要求能写下五个字。在右 侧的属性窗口中找到
Caption
项，在它右侧点一下鼠标左键，调出 紫光拼音输入法，输入“我的程序”
，再修改
Backcolor
为浅黄色，
前景色
ForeColor
为棕黄色，
设置字体
Font
为华文行楷，
然后找到下边
< p>的
ToolTipText
项，
在右边输入
“这是第一个标签”
，
这个属性是干什么的呢？自己先想一想。
< p>
单击工具栏上的启动按钮运行程序，这个窗口不再是空的 了，里面有一个标签“我的程
序”
，把鼠标移到标签上面，你会看到出来 一行小字“这是第一个标签”
，这就是
ToolTipText
< br>属性的效果，是提示语，就像我们在桌面上把鼠标移到“我的电脑”
“我的文档”图标上，
都会出来一行提示，就是这样设计的。
单击标题栏上的“关闭”按钮，回到窗体中。照着同样的方法再画两个标签（排列要美
< p>观）
，
分别把
Caption
属性改 为
“姓名”
和
“班级”
，
同样设定 好字体和颜色，
注意在
ToolTipText
属性一个
是“这是第二个标签”
，一个是“这是第三个标签”
。以“控件（或
MyLabel
）
”为
文件名保存文件到自己的文件夹
修改好后，点一下启动按钮运行程序，把鼠标 移到三个标签上，看一下提示，有点儿意
思了。
关闭程序回到窗体，下面我们加上程序代码，代码要在代码窗口 中输入，在工作区右侧
的“工程”
窗口中的查看代码按钮上点一下，
这时窗体对象窗口隐藏到后面，显示出一个白
色的代码窗口。
代码窗口的第一行分成两部分，左侧是对象列表当前显示的是“ 通用”
，单击一下它旁边
的黑色下拉三角按钮，
显示出我 们在对象窗口中添加的对象，
现在有四个：
一个窗体
Form1< /p>
，
三个标签从
Label1
到
Label3
，在代码中一般用英文，在对象窗口中用中文。右侧的列表是
事件，现在显示的是“声明”
。
单击“工程”窗口中间的对象按钮，回到对象窗口中，我们将对第二个标签设置代码，
双击第二个标签，
我们发现也进入了代码窗口，
不同的是代码窗口中出现了几 行代码，
第一
行是关于
Label2
的< /p>
Click
（单击）事件，中间光标闪烁着空行，最后一行是
End
Sub
表示结
束代码。
我们在中间插入代码，按一下键盘上的
Tab
键（在键盘最左边的第三排）光标缩进一个占
位符，用英文输入
Label2.
这时
VB
自动给出一个列表，接着我们再输入
c
列表自动跳到
Caption
项，
此时按一下空格键，
VB
自动完成
n
的 输入，
接着输入
=
刘桂明
（
注
意英文的两个双引号是一样的）整个代码是：
n=
刘桂明
注意双引号是英文，
中间的
名字是汉字，把名字部分输入自己的名字。
单 击工具栏上的“启动”按钮，用鼠标在各个标签上停一下，依然有三个提示，然后再
分别
单击一下三个标签，
你会看到什么？第二个标签的“姓名”改成了自己的姓名，这就是
< p>我们的代码的作用。保存一下程序
关闭程序，回到代码窗口，再单击“工程”窗口中间的“查看对象”按钮回到对象窗口，
再在第三个标签上双击，照着刚才的方法，按一下
Tab
键，输入
n=
七年级组
（
1
）办
注意双引号是英文，里面改成自己的班级，现在这儿是老师的。
单击“启动”按钮运行一下程序，用鼠标单击这几个标签，看一下发生的变化。
本节讲述了
VB
中的控件，通过 标签
Label
学习了对象的添加和编写代码。
我的程序（在弹出的对话框中选择“在当前位置运行该程序”和“是 ”
）
本教程由
86
团学 校
TeliuTe
制作
|
著作权所有，不得用于商 业用途
美丽的校园??
VB
程序设计基础
三、基本控件
1
、
文本框
Text1
用来输入 文本，
代码是
=
，
位置在标签的旁边，
< p>图标是ab|
。
启动
VB,
选择
标准
EXE
单击
打开
进入窗口
,
在属性窗口中修改窗体的属性
Caption
为
文本框
再修改背景色
BackColor
，图标
Icon
。
再向窗体中添加一个标签
Label1
，修改
Ca ption
为“我的文本框程序”
，再修改颜色、字
体属
性，在
ToolTipText
中输入“这是程序的标题”
。
再加入一个标签
Label2
，
修改
Caption
为
“姓名：
”
，
同样修改颜色、
字体属性，
在
ToolsTipText
中输入“这儿显示姓名”
。
找到工具箱中的文本框控件，在工作区中画一个文本 框对象，默认的名称是
Text1
，修改
Font
字体属性，
Text
属性先不改，修改
ToolTipT ext
属性为“这是第一个文本框”
。
将窗体中的各个对象调整得大方美观。以“文本框”
（或者英文的
MyText
）为文件名，保
存文件到自己的文件夹
单击工具栏上的“启动”按钮运行程序，看一下文本框，里面有
Text1
和一个闪烁的插入
光标，把鼠标移过去会有一
行提示“这是第一个文本框”
。
用键盘输入自己的名字和旁边同学的名字，移动光标，删除错误的字符，就像我们在记
事本和
Word
里头一样，文本框里面可以进行文字输入和编辑。
关闭程序回到窗口中，我们来添加代码，单击工程窗口中的“显 示代码”按钮，进入代
码窗口，
此时代码窗口中还没有语句，
< p>单击左边“通用”
旁边的下拉按钮，
选择
Te xt1
对象，
右边列表自动给出一个
Change
，窗口中页有了三行代码，光标在中间闪烁。
按一下
Tab
键缩进一下，用英文输入
n=
注意使用
VB
提供的自动
< br>输入功能，按空格键自动完成代码。保存一下文件
单击工具栏上的“启动”按钮运行程序，再在文本框中输入文字，观察
Label2< /p>
的变化，
这就是我们代码的作用。
关闭程序，回到代码窗口，我们来分析一下代码的含义，第一行 中的
Text1_Change
是指
当文本框的文本改变
时，
Change
是改变的意思，
那么就执行第二行
n=
，
这一句是让
Label2
的
Caption
等于
Text1
的内容，所以我们在文 本框中输入时，第二个标签
的内容也发生了改变。第三行是结束代码
End Sub
。
再添加一个文本框
Text2
，修改它的属性并添加相应的代码。
本节主要讲述了
VB
控件中的文本框对象。
奇妙的文本框（在弹出的对话框中选择“在当前位置运行该程序”和 “是”
）
本教程由
86
团学校
TeliuTe
制作
|
著作权所有，不得用 于商业用途
美丽的校园??
VB
程序设计基础
四、控件里的命令按钮
命令按钮
Button
是通过鼠标来执行某个动作，代码是
Command1_Click()
，在工具箱的第
三行，一
个小方块，添加的方法也是先选中再在窗体中画出来。
启动
VB
，修改好窗体的标题
Caption
< p>、颜色和图标Icon
属性，再添加一个标签
Label1< /p>
修
改它的
Caption
属性为“我的命令 按钮”
，再修改它的颜色，字体等属性，以“按钮”
（或
MyButton
）为文件名保存文件到自己的文件夹。
向窗体中添加一个命令按钮，放在窗口右下角的位置，默认的名 称是
Command1
，在属
性窗口中修改
Captin
为“退出”
，修改它的字体、颜色属性，在
Too lsTipText
属性中输入“这
是第一个命令按钮”
，再找到
Picture
，单击右边的
None
， 给按钮加载一个图片，属性中出
现（
Bitmap
）表示 成功，运行一下程序，窗口中有了一个命令按钮，但是并没有图片，点一
下也没有退出，
还有些问题。
关闭程序回到窗体中，
单击窗体中的退出按钮选中它，
然后在右侧的属性窗口中找到
Style< /p>
属性，把它改为
1-Graphical
，也就是让按钮显 示加载的图片。再运行一下程序，这时候按钮
上的图片就显示出来了。一定要记住，按钮
的图片还要在
Style
属性中修改。
接下来我们为按钮添加代码，完成退出的指令。在按钮上双击鼠标，这时自动打开按钮
< p>的代码过程
Command1_Click(),
光标在中间闪烁，
按一下
Tab
键缩进，
输入
end
也就是结束，
按一下“启动”按钮运行程序，单
击“退出”按钮，我们发现命令已经成功的执行，我们回
到了窗体中，保存一下程序，这
个按钮以后会一直用到，
希望大家牢牢记住，并恰当地使用
它。
接下来再添加一个按钮
Command 2
，修改它的标题
Caption
属性为“转换”
，同样再修改
Picture
和
Style
属性，
修改
ToolsTipText
属性为
“ 这是第二个命令按钮”
，
双击
“转换”
按钮，
进入代码窗口
Command2_Click()
过程，按一 下
Tab
键，输入代码：
n=
美丽的校
< p>园
注意英文和中文的转换。
运行程序，单击“转换”按钮看一下标题的变化，体会一下代码 的作用。保存一下文件
下面自个儿添加第三个 按钮
Button3
，
照着
Button2
的代码输入自己的中文部分转换标题。
本节讲述了按钮的作用和属性代码设置。
按钮行动（在弹出的对话框中选择“在当前位置运行该程序”和“是”
）
本教程由
86
团学校
TeliuTe
制作
|
著作权所有，不得用于商业用途
美丽的校园??
VB
程序设计基础
五、控件里的图片框
在箭头工具的旁边有一个图片，这个就是图片框
Picture1
用来显示图片，代码是
e=LoadPicture(...)
首先在
D
：盘根目录下新建一个 文件夹，名字改为
Picture
，然后往里面拷贝两个图片，
一个是
bmp
格式，把文件名改成
One
，
另一个是
Jpg
格式，把文件名改为
Two
，
找小一些的
图片，在代码里面用英文要方便一些，记住这个
文件夹，一会儿我们要用到这两个图片。
启动
VB
，修改窗体的属性，同时添加一个标签，修改
Caption
属性为“我的图片框”
，修
改好大小、颜色和提示。以“
图片框”
（或
MyPicture
）为文件名保存文件到自己的文 件夹。
在窗体中添加两个图片框，并排放好， 在属性窗口中设好颜色和提示。按住
Ctrl
键同时
选中
两个图片框，然后在“格式”菜单中的“统一尺寸”中选择“二者都相同”
，再在“格
< p>式”菜单中的“对齐”中选择“底端对齐”
，这样就可以排列整齐了。
单击空白处取消多项选择，然后再选中图片框
1
，在属性窗口中找到
Picture
属性，单击
右边的三个小点，
给图片框加载一张图片，
同样给图片框
2
也加载一张图片，
在这儿不要用
我们开始新建的
Picture
文件夹中的图片。保存一下文件
运行一下程序，看一下效果，图片框正确地加载了两幅图片。
关闭程序，
回到对象窗口，
下面 我们来添加代码，
向窗体中添加两个命令按钮，
一个
Captio n
属性改为
“转换一”
、
ToolTip Text
提示设为
“改变图片框一”
，
另一个
Caption
改为
“转换二”
、
ToolTipText
设为“改变图片框二”
。
双击“转换一”按钮进入代码过程，按一下
Ta b
键，输入：
e=LoadPic ture(
注意全部是英文，这句代码将会加载前
面的第一个
图像；再在“转换二”按钮上双击，同样按
Tab
键输 入代码：
e=LoadPicture(
这句加载第二个
JPG
图像。
注意仔细分析
代码所表达的含义。保存一下程序
单 击“启动”按钮，运行程序，移动鼠标检查一下各个对象，然后单击各个按钮，看看
图片
框的变化，你是否体会到编程的巧妙？
本节学习了图片框的作用和代码设置方法。
<
/p>
生物乐园（在弹出的对话框中选择“在当前位置运行该程序”和“是”
）
< p>
本教程由
86
团学校
TeliuTe
制作
|
著作权所有 ，不得用于商业用途
美丽的校园??
VB
程序设计基础
七、单选按钮
单选按钮
Option
用于单项选择，一组选项中只能选定一个，代码是
=(0,1)
启动
VB
、设置好窗体的
Caption
为“单选按钮”以及背景色、图标，找到最后一个属性
< br>“
WindowState
”
改为
2-Ma ximized
，
添加一个标签
Label
，
将
Caption
改为
“我的单选按钮”
，
以“单选按钮”
（或
MyOption
）为文件名，保存文件到自己的文件夹中。
将工作区中的窗体窗口最大化占满中间区域，我们要多放一些控件在里头。
先找到工具箱第三行的一个标有
XY
< p>的方框，这是框架，用来分组的，选中框架，在窗体
左侧画一个，修改它的
Caption
属性为“姓名”这一组是姓名，修改提示为“这是第一个框
架”
。
再选择单选按 钮，一个中间有黑点的小圆，在第四行上，再在窗体的框架里面画一个单
选按钮（注意画
在框架里面）
，修改它的
Caption
为自己的名字。同样在添 加两个单选按钮
到框架里面，分别修改它的
Caption
为自己左右同桌的姓名。按住
Ctrl
键不松手，同时选中
三个单选按钮，然后在“格式”菜单中找到“统一尺寸”中的“两者都相同”
，再找到“格< /p>
式”菜单中的“对齐”里的“左对齐”
，再找到“格式”菜单中的“垂直间 距”里的“相同
间距”把三个单选按钮排列整齐。
好，看一下姓名框架和单选按钮，检查一下各个属性和大小颜色 ，调整到最合适。保存
一下文件
运行一下程序，在各个名字上点一下，看看选择的情况，你能不能同时选中两个人名？
关闭程序，回到窗体中，再加入一个框架，修改
Caption
为“性别”
，提示为“这是第二
个框架”
，添加两个单选按钮到里面，把
Caption
改成什么呢？当然 是“男”和“女”
，同样
在“格式”菜单中调整好尺寸和对齐，再选中“
男”按钮，在属性窗口找到
Value
，在右边
选择“<
/p>
True
”
，这是什么意思？
单击“启动”
，看一下“性别”框架，有什么不 同吗？在“男”按钮上有一个黑点，也就
是默认选中了男性性别。
关闭程序回到窗体窗口，再添加一个框架，修改
Caption
为“爱好”
，提示为“这是第三
个框架”
，向框架里面添加三个复选框，为什么不用单选按钮呢？因为这儿是多项选择，所
以要用复选框。修改
Caption
为“音乐”
、
“美术”
、
“体育”
,
选中音乐复选框， 在属性窗口中
找到
Value
，在右边选择“
< p>1-checked”也就是默认打勾。
检查一下各个对象的标题、大小、颜色，调整到最佳的状态。保存一下程序
启动程序，看一下我们的程序，一个整齐而又大方的窗口，在各 个按钮上点一下，测试
一下是否能够正确的响应。
本节学习了框架和单选按钮的使用，下一节我们将为程序添加代码。
单人飞行（在弹出的对话框中选择“在当前位置运行该程序”和 “是”
）
本教程由
86
团学校
TeliuTe
制作
|
著作权所有，不得用 于商业用途
美丽的校园??
VB
程序设计基础
八、单选按钮的代码
接着上一节的内容，我们来设计程序代码，将选择的内容显示出来。
启动
VB
，选择“文件”菜单中 的“打开”命令，找到自己的文件夹，打开上一次我们保
存的“单选按钮”单击“打开”
调出我们的工程，在右边的工程窗口中双击其中的
Form1
-
-
-
-
-
-
-
-
-
上一篇：2016年广州一模作文“暖闻”导写示例
下一篇：演讲稿写作格式-各类及其范例