vb实例教程：零基础入门窗体设计分步详解

刚学 VB 的朋友，是不是一打开 VB 软件就发懵？看到界面上一堆按钮、文本框，想拖个控件到窗体上，结果拖半天位置不对；好不容易放上去了，改个文字大小又找不到地方，最后窗体乱得像堆积木。别着急，今天兔子哥就带大家从零开始学窗体设计，用实例一步步教你怎么拖控件、调属性，哪怕从没碰过 VB，跟着做也能做出整齐的界面，一起往下看吧！

学窗体设计前，先搞懂这两个基础问题

很多新手上来就想拖控件，其实得先明白窗体是啥、为啥要设计窗体。简单说，VB 做的程序界面就靠窗体撑着，像我们平时用的计算器、记事本，那个带标题栏的窗口就是窗体，控件就是上面的按钮、输入框这些。我们在使用 VB 时，窗体就像一张白纸，控件是纸上的元素，设计就是把这些元素摆整齐、调好样式。
有朋友问：“直接写代码不行吗？为啥非要设计窗体？” 虽然代码能实现功能，但好的窗体设计能让程序用起来更方便，比如按钮放得顺手，文字看得清楚，用户才愿意用。就像写信要把字写整齐，窗体设计也是这个道理。

第一步：打开 VB 软件，创建第一个窗体

打开 VB6.0 后（新手建议先用这个版本，简单易上手），软件会自动弹出一个空白窗体，标题栏显示 “Form1”。这就是我们的 “画布” 啦。

• 保存工程：先别着急设计，点菜单栏 “文件 - 保存工程”，建个文件夹专门存教程文件，比如 “VB 窗体实例”。窗体文件起名 “窗体设计实例.frm”，工程文件起名 “窗体设计.vbp”，这样以后好找。兔子哥每次做实例都先保存，怕突然死机白忙活。
• 调整窗体大小：把鼠标放窗体边缘，光标变成双向箭头时拖动，调个合适的大小，比如宽 400、高 300（在窗体属性里能看到具体数值）。别调太大，不然屏幕装不下；也别太小，控件放不开。

第二步：添加常用控件，这三个最基础

VB 左边的工具箱里有各种控件，零基础先学三个最常用的：命令按钮（CommandButton）、标签（Label）、文本框（TextBox）。

• 拖放命令按钮：点工具箱里的 “CommandButton”，在窗体上按住鼠标左键拖一下，就会出现一个按钮，默认名叫 “Command1”。这个按钮以后可以做 “确定”“计算” 之类的功能。
• 添加标签控件：点 “Label” 控件拖到窗体上，默认名叫 “Label1”，它主要用来显示文字，比如 “请输入姓名：”。
• 插入文本框：点 “TextBox” 拖到窗体上，默认名叫 “Text1”，用来让用户输入内容，像输入名字、数字这些。

不过话说回来，拖控件时别着急一次性拖完，拖一个调一个，不然窗体容易乱。拖完后可以用鼠标拖动控件调整位置，对齐一点看起来更舒服。

第三步：修改控件属性，让界面变好看

拖好控件只是第一步，还得改属性让它们更实用。选中一个控件，右边属性窗口里就能改设置。

• 改命令按钮文字：选中按钮，在属性里找 “Caption”，把默认的 “Command1” 改成 “确定”，这样用户就知道点这个按钮干啥。
• 调标签文字和大小：选中标签，“Caption” 改成 “请输入年龄：”，“Font” 属性里可以改字体大小，比如设成 “宋体，10 号”，看得更清楚。
• 文本框提示：文本框的 “Text” 属性默认是空的，可以改成 “点击输入”，用户点进去输入时文字会自动消失（这个功能后面讲代码时再说）。

这里要注意，每个控件的 “Name” 属性尽量别乱改，新手容易记混，比如按钮就叫 “Command1”，后面写代码时好找。网格线辅助布局或许暗示更规范的设计习惯，在 “工具 - 选项” 里勾选 “显示网格”，控件对齐网格放，界面会整齐很多。

第四步：简单交互效果，让按钮能用起来

设计完界面，得让控件有点用。双击 “确定” 按钮，会进入代码窗口，输入这行代码：
Text1.Text = "你好，" & Text1.Text
意思是用户在文本框输入内容后，点按钮，文本框会显示 “你好，+ 输入的内容”。输完代码点 “运行” 按钮（像播放键的图标），在文本框输名字点确定，试试效果。
有朋友可能会问：“为啥我点运行没反应？” 多半是代码输错了，比如标点用了中文全角，或者控件名字写错了。这时候仔细检查代码，改对了再试。不同版本 VB 的控件属性细微差异，具体机制待进一步研究，但基本操作都差不多，新手先掌握通用方法就行。
兔子哥刚开始学窗体设计时，控件拖得东倒西歪，属性改半天没效果，后来发现多练几次就熟了。其实窗体设计没那么难，关键是多拖控件、多改属性，每次做完保存源码，下次想改直接打开。建议新手每天练一个小实例，比如做个简单的登录界面，一周下来就能熟练掌握基础操作。
别害怕出错，编程就是在试错中学会的。要是哪步卡住了，回头看看步骤是不是漏了，代码有没有写错。希望这个实例教程能帮你入门，有问题留言问我哦！

标签： Visual Basic VB.NET