Visual Basic 用户界面设置.doc

用户界面设计1 用户界面设计概述一，在设计前应该了解的通常程序总是由用户操纵的，所以用户需要一个界面来进行操纵。往往那些漂亮的简单的界面更加吸引用户，让他们认为程序有魔术般的力量，这样他们才会使用这个程序。下面有四条设计界面的原则。1，了解用户的习惯2，保持简单3，允许用户的错误，并给以提示4，让用户了解他在程序中的位置二，Visual Basic用户界面设计基础通过我们的第一个Visual Basic程序的设计，我们已经知道界面的设计有两步：先绘制控件，然后确定控件属性。我们发现绘制控件并不是很难。在工具箱里单击想画的控件，在窗体里按下鼠标并拖曳，然后松开鼠标即可。双击工具箱里的控件，将在窗体中央出现那个控件。如果用这种方法的话，要注意双击第二个控件时把上一个控件移开，否则两个控件会叠在一起，引起一些混淆。确定属性的方法是先选中控件，然后按F4键进入Properties窗口，接着在Properties窗口中找到要设置的属性并进行设置。下面解释一些常用的属性，这些属性几乎总是要被设置和改变。（1）Name属性对象都有名字，尽管我们可以通过描绘一些特性来描绘对象，这样做总是非常麻烦。计算机也是一样，它把名字看成对象于对象之间的根本差异。由于计算机的这种顽固观点，它拒绝在同一窗体里出现重名的情况（除非这是一个控件数组），它也拒绝超过40个字的名字。在简单的程序里，给控件命名不很必要，我们完全可以使用控件Name属性的缺省值。例如Text1。但在有几十个控件的复杂窗体里，这种方法会使你花更多的时间去区分它们。所以，Visual Basic向你推荐由三个小写字母的前缀和一个第一个字母为大写的描述性单词组成的名字。例如cmdMyButton是一个命令按钮（前缀是cmd）推荐的前缀是：对象前缀例子确认框（Check Box）chkchkCareerChioce组合框（Combo Box）cbocboCrimesCommitted命令钮（Command Button）cmdcmdExit数据库控件（Data Control）datdatTopSecretInfo目录列表框（Directory List Box）dirdirTree驱动器列表框（Drive List Box）drvdrvHardDisk文件列表框（File List Box）filfilDocuments窗体（Form）frmfrm1040Tax框架（Frame）frafraGroupButtons水平滚动条（Horizontal Scroll Bar）hsbhsbTemperature图形（Image）imgimgPrettyDrawing标签（Label）lbllblFakeName线（Line）linlinBorder列表框（List Box）lstlstCandidates菜单（Menu）mnumnuHamAndEggs选项钮（Option Button）optoptStation101图形框（Picture Box）picpicPrettyPicture几何图形（Shape）shpshpUpOrShipOut正文框（Text Box）txttxtWarning垂直滚动条（Vertical Scroll Bar）vsbvsbMoneyRaised（2）Caption属性这仅仅是一个装饰性的属性，它可以长达255字符，包括空格和标点符号，比如一个叫cmdOk的命令钮，它的Caption属性就可以是“Ok”。编程序时也要考虑到使用键盘的用户，在设置Caption属性在需要加下划线的字母前加上 “&” 符号，例如 “&File”，输出的就是“File”，这样就可以通过按ALT键和标题上那个带下划线的字母来选取它了。你不必为此编任何代码。（3）Top，Left属性只有两种情况需要在属性窗口里设置这两个属性：第一种是用户没有鼠标，第二种是程序员需要十分精确地设定这两个值。这两个属性决定对象的位置。当你选中对象，单击并拖曳它的时候，你便在修改这两个值了。（4）Height，Width属性这两个属性决定了对象的大小，当你选中控件时，它周围出现八个小黑方块，你把鼠标指向这些方块，鼠标指针将变成一个双向的箭头，这时按下鼠标并拖曳它，即可改变控件的大小，也就改变了Height，Width属性。同Top，Left属性一样，我们主要通过鼠标的操作来设置Height，Width属性。2 窗体和命令钮介绍一、窗体窗体是Windows的基本组成部分，这也是为什么这个操作系统叫Windows的原因。它的主要属性除上面介绍的以外，还包括：1，Appearance属性这个属性用来决定控件是否采用三维效果。2，BorderStyle属性这个属性决定了窗体的边框形式，共有6种属性值。改变窗体的BordrStyle属性后，窗体在屏幕上没有变化，它只在运行时才变为你所要求的样子。3，ControlBox属性程序员用来决定采用不采用控制框的属性，仅在程序运行时才有效。4，Font属性程序员可以改变该窗体上显示信息的字体，它控制着直接在窗体上打印的文本显示。5，Icon属性这个属性是用户经常要使用的一种属性。当用户的应用程序在工具条上最小化或在Windows桌面上变为一个独立应用程序时，该属性决定将采用何种图标，窗体控制框里的图标也由它决定。为自己的窗体设置该属性时，要控制住自己挑三拣四的冲动。6，Visible属性该属性决定窗体是否可见。错误地改变其值是很危险的，窗体会从眼前消失，这种莫名其妙的事情会使用户惊惶失措，所以肩负重任的程序员一定要慎重哟！7，WindowState属性指定窗体在运行时的三种状态：正常、最小化、最大化。二、窗体的主要事件1，Load事件这个事件发生在窗体被装入内存时，且发生在窗体出现在屏幕之前。窗体出现之前，Visual Basic会看一看Load事件里有没有代码，如果有，那么它先执行这些代码，再让窗体出现在屏幕上。2，Click事件，Dblclick事件这两个事件在单击或双击窗体时发生。不过你单击窗体里的控件时，窗体的Click事件并不会发生，Visual Basic会去看控件的Click事件里有没有代码。3，Activate (活动事件)与Deactivate（非活动事件）显示多个窗体时，可以从一个窗体切换到另一个窗体。每次激活一个窗体时，发生Activate 事件，而前一个窗体发生Deactivate事件。三、窗体控制1， 装入或卸出窗体要装入或卸出窗体，用Load或Unload语句。Load语句的语法如下：Load formName 而UnLoad语句的语法是： UnLoad formNameFormName变量是要装入或卸出的窗体名。 Load语句只是把窗体装入内存，并不显示出 来，要显示窗体可以使用窗体的Show方法。2,显示或隐藏窗体要显示窗体，用Show方法。若尚未装入内存则先装入再显示。它的语法如下： formName.show modeFormName变量是窗体名,可选变元mode为0（缺省值）时窗体为非模态，为1时窗体为模态。模态窗体完全占有应用程序控制权，不允许切换到别的应用程序，除非关闭！而非模态窗体则反之。同理，隐藏窗体用formName.hide。四、命令钮命令钮有两类：一类是简单的命令钮，一类是图形钮。图形钮常常成组地出现在屏幕的顶端，成为一些程序炫耀自己贴近用户的标志。图形钮充分利用了图形用户界面的特征，而且比命令钮小，但它的缺点是用户必须知道图形钮是什么意思，而且没有鼠标的用户恐怕用不了图形钮。命令钮也有Appearance、Caption、Font、Left、Visible之类的属性。命令钮的最主要事件就是Click事件，它还有MouseDown和MouseUp等事件3 建立菜单一般Windows的菜单条包含File，Edit，Window和Help菜单标题。其它的菜单，程序员应将它们插在Edit和Window菜单之间。在Visual Basic里，为了创建菜单，必须打开菜单编辑窗口。可以按下Ctrl+E键，也可以从Tools菜单中选择Menu Editor项，或者单击Visual Basic主窗口的从左边数第六个图形钮。一、给菜单命名菜单标题和菜单命令也有Caption和Name属性，你设置了这两个属性就等于创建了菜单。于控件一样Caption是屏幕上可见的，而Name则是一个抽象名称。别忘了在Caption里加入 “&” 以帮助没有鼠标的用户。二、增加和删除菜单在Menu Editor中部有三个命令钮分别是Next，Insert，Delete。Insert可用来增加新的菜单。在这三个键下面的Caption列表框里选中菜单项（这时它的底色就变成深蓝色），单击Insert键，Visual Basic将上一个增亮菜单下推并增亮一空行，你就可以输入新菜单名和标题了。Delete键可用来删掉菜单。你选中要删掉的菜单，单击Delete键就可以删掉它了。三、移动菜单标题有四种情况，向上移动，向下移动，向左缩排，向右缩排，这就是Menu Editor中间上下左右箭头的功能。选中某一菜单标题，安上下箭头，则这个菜单将上下移动到你喜欢的位置上，这也决定了它在界面中的位置。如果你按左右箭头，情况则有所不同。由于菜单是分级的，所以，如果它没有缩排，则它是一个菜单标题；如果它缩排一次，那么它将变成一个菜单命令；如果缩排两次，那么它将成为一个子菜单命令。Visual Basic里你可以总共设计四层子菜单。四、设置分离条分离条是指在菜单中将命令分组的线。奇怪的是，Visual Basic将分离条也看成一个菜单项，它也需要Caption和Name属性，而且它也有其它属性，分离条与菜单项的区别是分离条的Caption属性必须是连字号即减号。也就是，当你设置了一个Caption属性为 “-” 的菜单项时，实际上你就设置了一个分离条，分离条的名字可以是barFile1之类，以表明分离条的位置。五、菜单的各种简单属性在Menu Editor里有许多确认框和一些正文框及一个下拉式的列表框，这些东西决定了菜单的各种属性。1，Checked属性这个属性值设置为真，将在菜单命令左边产生一个打勾的确认标志，你可以看看File Manager里的View菜单就可以了解什么是确认标志了。2，Enabled属性各种各样的用户会产生千奇百怪的操作，在许多Edit菜单里都会有不同形式的让菜单命令模糊的情况。Enabled属性就是用来做这件事的。Enabled属性为真，则菜单命令是清晰的，Enabled属性为假，则菜单命令是模糊的，这时用户就不能选中这个菜单项了。3，Visible属性用户看见一个模糊的菜单而不能选的时候，有时会非常生气。所以，如果用户看不见这个菜单命令时，他也就不会发无名之火了。如果把Visible属性设为假，则菜单根本不会出现在屏幕上。这样做比把Enabled属性设为假显得更加干脆！4，Index属性可以生成菜单命令数组，用索引号区分开。例如向File菜单中添加一系列最近打开的文件名。添加菜单可用Load方法。以上属性可以在运行时设置，形成动态的菜单的情况。例如：mnuUndo.Enabled = FalsemnuProperty.Visible = False你还可以改变Caption等属性。mnuUndo.Caption = “Redo”在对窗体，命令钮和菜单有所了解后，工具箱里的其它控件就更加容易理解了。下面这些控件的熟练运用，将使你做出漂亮的界面。六、生成弹出式菜单（或浮动菜单） 几乎每个Windows应用程序都提供弹出式菜单，用户可以右键单击窗体或控件取得这个菜单。弹出式菜单也属于普通菜单，只是不固定在窗体上，而是可以在任何地方显示。弹出式菜单用PopupMenu方法调用。假设我们已经用Menu Editor生成了名为mnuedit的菜单，则可以在MouseUp事件加入如下代码： If Button = 2 Then PopupMenu mnuedit 下面将用一个实例展示动态菜单和弹出式菜单。 左图表单显示了一个弹出式菜单，在表单的空白处右击鼠标就可得到。左图表单显示了一个动态菜单，单击Add runtime option钮一下就会使菜单Runtime Menu增加一项，而单击Remove runtime option钮一下就会使菜单Runtime Menu减少一项。其源代码如下：Dim rtmenuPrivate Sub cmdadd_Click()rtmenu = rtmenu + 1If rtmenu = 1 Then mnuoption(0).Caption = Runtime OptionLoad mnuoption(rtmenu)mnuoption(rtmenu).Caption = option # & rtmenuEnd SubPrivate Sub cmdremove_Click()If rtmenu = 0 Then MsgBox menu is empty Exit SubEnd IfUnload mnuoption(rtmenu)rtmenu = rtmenu - 1End SubPrivate Sub Form_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single)If Button = 2 Then PopupMenu mnueditEnd Sub4 框架，确认框和选项钮一、确认框和选项钮就好比多项选择和单项选择，在考试时选择题总比简答题要好做，因为你可以用瞎蒙的策略。用户界面设计的保持简单的原则使确认框和选项钮成为有用的框件。确认框和选项钮用于向程序输入信息。确认框选中时会在小方框里打一个钩，菜单设计窗口里就有这种确认框的例子。选项钮选中时会在小圆圈里点一个点。它们的主要属性除了Name，Caption等，还有：1，Value属性决定它们是否被选中的属性。2，Alignment属性决定它们的对齐方式。二、有两道选择题或更多时，我们就必须对它们进行分组。这种分组需要借助框架控件。分组的方法是：1， 在工具箱里单击Frame控件；2， 在窗体里拖曳鼠标画出框架；3， 在工具箱里单击确认框或选项钮控件；4， 在框架里画确认框或选项钮；5， 把所需的确认框或选项钮都画好。5 正文框和标签正文框通常用于向计算机输入信息，而标签通常用于输出信息。正文框是一个十分重要的控件，因为由确认框和选项钮向程序输入的信息毕竟只有少数的几条信息而已。标签和正文框的区别很小，标签可以看成是一个在运行时不能修改正文的正文框。因此标签主要用于输出信息。标签是生活中不可缺少的部分，比如教室里的“团结，勤奋，严谨，活泼”就是一个每天不得不面对的标签。1，BorderStyle属性决定了正文框和标签的边框形式。2，正文框的Text属性和标签的Caption属性这两个属性其实是一样的，它决定了用户在屏幕上看到的东西，只不过正文框的Text属性在运行时可以直接在正文框里修改。3，Alignment属性这个属性决定正文或标题的排列方式。4，正文框的Multiline属性如果正文框里的字太多了，超过了正文框的宽度，那么计算机就在某个我们不知道的地方显示这行字，所以我们要设置Multiline属性为True，这样正文框就有了字换行的能力。5，正文框的PasswordChar属性如果用户从事的是一种掌握大量金钱或机密的工作的话（此类用户肯花大钱来买关于计算机的东西），那么他就需要对自己的工作遮遮掩掩，在Visual Basic里你可以作一个口令正文框来实现这种遮掩。方法是：（1）选中作为口令正文框的正文框。（它的周围出现八个小方块）（2）按F4键打开属性窗口。（3）设置Multiline属性为False。（4）设置PasswordChar为用于掩盖的字符。（只能是一个字符，比如 * 号）第三步使口令正文框只有一行，因为Multiline属性为True将使Password属性失效。Visual Basic认为口令不必太长，因为太长的口令更加容易忘记。6，正文框的Maxlength属性为了防止一些古怪用户输入太多的废话，程序员有限制正文框正文长度的权力，这就是Maxlength属性。如果Maxlength属性设置为零，那么正文框就只受计算机内存的限制了。7，Label的AutoSize属性和WordWrap属性这两个属性在一起搭配使用总是让人混淆，以至于Visual Basic附带的示例程序里有一个程序里有这两个属性的例子，它的路径通常是c:vbsamplescontrolscontrol.vbp。在Visual Basic里运行这个例子，选择Options菜单的WordWrap and AutoSize。AutoSize属性使标签自动地扩大缩小以适应标签的Caption属性，但是它只会水平伸展。WordWrap属性使标签具有字换行处理的能力。为了使标签具有垂直伸展和字换行处理，必须设置它的AutoSize属性和WordWrap属性同时为True。AutoSize属性为False，WordWrap属性为False时，若标签不够高而Caption太长时，Caption将被切割掉。AutoSize属性为False，WordWrap属性为True时，情况同上。AutoSize属性为True，WordWrap属性为False时，表示可以水平伸展，但只显示一行信息。Locked属性程序员可以阻止用户改变文本框的内容，用户只可以看文本而不能改变它。这是Visual Basic 4.0的新功能。6 图形框（Picture Box）和图象框（Image Box） Picture Box和Image Box是用来把图形放入程序里的。Picture Box和Image Box可以显示几种不同格式的图形。Bitmap文件（.BMP或.DIB）、Icon文件（.ICO或.CUR）、Metafile图元文件（.WMF）、增强型图元文件(.EMF)、JEPG(.JPG)及GIF(.GIF)文件。在Visual Basic里Microsoft大概送给了我们几百个上述前三类文件，它们的路径通常是：c:vbbitmaps、c:vbicons、c:vbmetafile。它们的主要属性有：1，设置Picture Box和Image Box的Picture属性（1）单击Picture Box或Image Box。（2）按F4键打开属性窗口。（3）单击Picture属性。（4）单击设置框右边的省略号，Visual Basic将显示Load Picture对话框。（5）选择用户需要的文件，单击Ok键。则Visual Basic将图形装入Picture Box或Image Box。如果想在程序运行期间装入或删除图形，就需要用程序代码来实现了。我们可以使用Load Picture函数。例：装入图形imgMyHand.Picture = LoadPicture ( “c:g