Visual Basic中的界面设计原则和编程技巧

2016-02-19 17:16 18 1 收藏

有了下面这个Visual Basic中的界面设计原则和编程技巧教程,不懂Visual Basic中的界面设计原则和编程技巧的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - 编程语言 】

  在vb里,mdi(multiple document interface,多窗口程序)窗体是这样定义的:mdi窗体作为一个程序的后台窗口,包含着mdichild属性为true的窗体。在一个vb程序中,至多只能存在一个mdi父窗体,可以有多个mdi子窗体;建立一个mdi父窗体的方法是在vb的file菜单里选择new mdi form。

  在mdi程序运行时,如果子窗口具有菜单,那么当子窗口被激活时,子窗口的菜单就会自动替换父窗口菜单;当子窗口被最小化时,在mdi父窗口里就会出现子窗口的图标。

  windows的通用图形界面的出现,使计算机用户不必通过专门的学习就可以得心应手地使用各种windows的软件;不仅如此,它还是程序设计者在设计windows程序的界面时所必须遵循的标准,这在很大程度上减轻了程序设计者的负担,使他们能够把主要精力放在问题的求解和实现上。

  visual basic的出现,更加简化了windows程序界面的设计工作,只需要极少量的代码,就能实现标准windows应用程序的界面。但是,如果不了解windows程序界面设计的原则,或者不熟悉vb下界面编程的技巧,就难以设计和实现既符合一般标准又具有特色的界面。界面设计的原则界面设计具有一般性的原则,最为重要的有:

  1.界面要具有一致性。一致性原则在界面设计中最容易被违反,同时也最容易修改和避免。例如,在菜单和联机帮助中必须使用相同的术语;对话框必须具有相同的风格。

  2.常用操作要有捷径。常用操作的使用频度大,应该减少操作序列的长度。例如,为文件的常用操作如打开、存盘、另存等设置快捷键。使常用操作具有捷径,不仅会提高用户的工作效率,还使得界面在功能实现上简洁和高效。

  3.提供简单的错误处理。系统要有错误处理的功能。在出现错误时,系统应该能检测出错误,并且提供简单和容易理解的错误处理的功能。错误出现后系统的状态不发生变化,或者系统要提供错误恢复的指导。

  4.提供信息反馈。对操作人员的重要操作要有信息反馈。对常用操作和简单操作的反馈可以不作要求,但是对不常用操作和至关重要的操作,系统应该提供信息的反馈。

  5.操作可逆。操作应该可逆。这对于不具备专门的知识的操作人员相当有用。可逆的动作可以是单个的操作,或是者一个相对独立的操作序列。

  6.设计良好的联机帮助。虽然对于熟练用户来说,联机帮助并非必不可少,但是对于大多数不熟练用户来说,联机帮助具有非常重要的作用。

  菜单设计的原则和编程

  菜单设计有如下的一般性原则:

  1、按照系统的功能来组织菜单。

  2、要选用广而浅的菜单树,而不是窄而深的菜单树。

  3、根据菜单选项的含义进行分组;并且按一定的规则排序。菜单选项的标题要力求简短、含义明确,并且最好以关键词开始。

  4、常用选项要设置快捷键。结合以上的原则,菜单编程有以下几方面的技术和技巧:

  菜单选项的分组

  在vb中,菜单选项的分组是通过菜单栏分隔横线实现的。在菜单的一定位置增加一个caption属性为-的菜单项,它在菜单上就表现为一条横线。在许多情况下,同一个功能菜单下又可以按照菜单选项的功能分为几组,这时就可以用分隔横线来实现菜单项的分组。

  常用选项快捷键的设置

  打开菜单设计窗口(menu design window),应对于每个菜单选项有相应的快捷键(shortcut)列表 ,在该表中选择一个即可。需要注意的是,具有子菜单的菜单或者顶层菜单的快捷键不能这样定义。按照windows的界面设计原则,顶层菜单的快捷键的形式是alt+字母键。它的实现方法在后文另叙。

  对于一些常用的功能菜单项,有约定俗成的快捷键。例如,文件打开用ctrl+o,文件存盘用crtl+s,打印用ctrl+p,等等。

  为菜单选项定义好快捷键之后,菜单上该选项的后面就出现了快捷键的文字表示。

  菜单选项的使能与禁止、可见与隐藏

  为了表示菜单选项的一些特殊功能,可能要用到菜单选项的使能与禁止、可见与隐藏属性。当因为某种原因使得某个选项所代表的功能不能被实现时,就应该禁止该选项被选中。菜单选项的使能与禁止是通过改变改选项的enabled属性实现的。

  举例来说,假设菜单选项名为nmuname,则禁止该选项可以如下实现:

  mnuname.enabled=false

  同理,隐藏一个选项可以用 mnuname.visible=false来实现,而使一个隐藏的选项恢复可见则用 mnuname.visible=true 实现。

  菜单项的隐藏与恢复可见常常用在动态菜单的实现中。

  菜单项的动态装入

  菜单项的动态装入是指菜单项的个数不固定,并且能够在需要时动态地装入。最简单的例子就是文件菜单中最近打开的文件的列表。在第一次打开文件之前,该列表是空的,并且不在文件菜单中出现;打开一个文件后,该列表不再是空的,并且文件菜单中出现代表被打开文件的菜单项。

  在上面的例子里,就综合运用了菜单项的下标属性(index)、标题属性(caption)、可见属性(visible)以及菜单项的装入方法(loadmethod)。

  具体的实现过程如下:

  在文件菜单里增加一个菜单项,标题任意,并假设菜单项的name属性是opened_files_list;

  更改菜单项opened_files_list的可见属性,使opened_files_list.visible=false

  更改菜单项opened_files_list的下标属性,使opened_files_files_list.index=0

  在程序中控制菜单项opened_files_list的动态装入。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/bianchengyuyan/)

  假设要显示打开过的第二文件的文件名,并且该文件名存放在一个文件名数组opened_file_name里。以下的代码就实现了这一功能:

  

load opened_files_list(1)
opened_files_lise(1).caption="&2"+opened_file_name(1)
opened_files_list(1).visible=true

  需要注意的是,对于下标为0的菜单项,不能用load方法。因为在程序执行时,该菜单项就已经被装入到内存里了;另外,在菜单项的标题属性字符里的&字符具有特殊的含义,它的作用是在显示该属性字符串的同时,并不显示&本身,而紧跟&的字符在显示时具有下划线,并且该字符成为热键。

  如果下标不为0的菜单项不再需要,为了减少对内存资源的占用,可以用unload方法把它从内存卸出;同样地,不能用unload卸出下标为0的菜单项。

  弹出式菜单的实现(popupmenu method)

  vb中在菜单设计窗口(menu design window) 中设计的菜单是下拉式菜单。下拉式菜单是用户在任何时候都可以在顶端菜单条上选择后拉出的菜单,而弹出式菜单则是在程序界面的一定区域内点按鼠标键后出现的菜单。在某些情况下,弹出式菜单会使系统功能的实现更加简洁和高效,使用起来更加得心应手。

  widnows程序的弹出式菜单一般是当用户在程序的桌面上点按鼠标键时出现的。弹出式菜单多用于实现系统的附加或增强功能。弹出式菜单的内容,可以随点按鼠标键的位置不同而变化。由于弹出的菜单要覆盖屏幕的一部分,所以应尽量缩短菜单里的文字。

  在vb中,弹出式菜单的实现要用到下拉式菜单设计的技术和popupmenu方法。具体的做法是:

  在菜单设计窗口(menu design window)里设计好相应窗体的弹出式菜单。要注意的是,要弹出的菜单必须至少有一个子菜单;因而这个菜单不能有快捷键,并且checked属性必须是false。再把弹出式菜单的visible属性改为false。

  在具有设计好的弹出式菜单的窗体的form_click中加入以下代码(假设弹出式菜单的name属性是mnuexample):

  

sub form_click()
popupmenu mnuexample
end sub

  如果要求只有按下鼠标左键或者右键才能激活菜单,就必须在form_mousedown里加入如下代码:

  

sub form_mousedown(button as integer,shift as integer,x as single,y as single)
if button=2 then button=2 表 示 鼠 标 右 键
popupmenu mnuexample
end if
popupmenu 的 完 整 句 法 是:
[form.]popupmenu menuname[flags[,x[,y]]]

  改变flags的值可以控制弹出式菜单的表现形式。flags有两组值。第一组值用来控制菜单的显示方式,包括popupmenu_leftalign, popupmenu_centeralign, popupmenu_rightalign, 分别表示以x为左边界,以x为中心和以x为右边界的显示方式,并且以x为左边界是缺省的方式;另外一组值用来控制菜单项的选中方式,包括popupmenu_leftbutton和popupmenu_rightbutton,分别表示左键选中和左/右键选中均可,并且左键选中是缺省的方式。flags的值由上面的两组值经过or运算得出。例如,要求左对齐显示并且左键选中为准,则应有:

  flags=popupmenu_leftalign or popupmenu_leftbutton

  x和y用来定义菜单弹出的位置、缺省是鼠标点中的位置。

  菜单项的其他属性

  用alt+字母键激活顶层菜单,或者在菜单激活后用字母键激活一个菜单项,必须学会使用&。&用在菜单项的标题属性(caption)里。它的用法和作用与在用c语言编制的windows程序中的用法和作用相同。

  有时希望顶层菜单之间的间隔大一些,或者某个顶层菜单出现在菜单条的最右端,这时就要用到标题属性是空格的菜单。如果一个菜单的标题是由多个空格组成的,那么这个菜单在菜单条上就占用跟空格的个数相应的空间,并且它后面的菜单也顺序地后移;如果这个菜单的visible属性是false,那么它就跟不存在一样。

  窗口设计的原则和举例

  下面是一个浮动窗口技术的例子。为了引起用户的注意,或者必须保证含有重要信息的窗口不被其他窗口覆盖,就要用到浮动窗口技术,建立一个总在最前面(topmost)的窗口。具体的做法是:

  (1)在vb程序中加入如下的声明:

  

declare function setwindowpos lib"user"(byval h%,byval hb%,byval x%,byval y%,by
val cx%,byval cy%,byval f%)as integer
global const swp_nomove=2
global const swp_nosize=1
global const hwnd_topmost= 1
global const hwnd_notopmost=2
global const flags=swp_nomove or swp_nosize

  (2)假设要把窗体frmexample设置成总在最前面的窗口,只要在frmexample窗体的form_load过程里加入以下代码:

  dim success%

  success=setwindowpos(frmexample.hwnd,hwnd_topmost,0,0,0,0,flags)

  如果要取消总在最前面的特性,则可以执行如下的代码:

  success=setwindowpos(frmexample.hwnd,hwnd_notopmost,0,0,0,0,flags)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/bianchengyuyan/)

  success不等于0表示setwindowpos执行成功。

  在mdi程序里,有一个窗口是所有其他窗口的父窗口,各个子窗口完成相对独立的功能,就像是多个独立的工具组合起来一样。在这方面,ms word和windows的file manager是最好的例子。

来源:https://www.tulaoshi.com/n/20160219/1614769.html

延伸阅读
Visual Basic 应用程序的结构 一个应用程序实际上无非是指挥计算机完成任务的指令集。应用程序的结构是组织指令的方法,也就是指令存放的位置和指令的执行顺序。 典型的 "hello world" 例子以及诸如此类的简单应用程序都具有简单结构。对于只有一行的代码来说,组织结构并不十分重要。但应用程序越复杂,对组织或结构...
一、问题引发思考 前阵子与同事探讨一个小需求时又遇到了按钮表示动作和表示状态间矛盾问题。想想这个问题多年前已经开始讨论了,所以在此整理一下思路,与大家共享。 「图1」 具体案例是这样的:如上图所示,在启用和停用搜索定制功能时,这个按钮到底是表示状态还是表示动作呢?简单的说,上图中 1表示当前是停用状态,还是表示点击后为...
翻译:UCDChina翻译小组,Roc   设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。 ‘保持简单易用’意味着不要让用户分心。恰恰相反,好的UI让用户达成目标。结果如何?你的培训和维护费用降低,并获得更开心、满足和高效率的用户。 当你面对一个全新的界面设计时,别忘了这些原则。 编辑手记:Kyle将在纽约...
整合的目的在于提升效率,优化功能,增加愉快的体验,是个环保设计的好方向。作为界面设计师,好像也可以在这个角度做一些发想。遍布的操作按钮、众多的功能,让一个界面变得沉重不堪。 又到了写作文的时候,依然开始于脑袋一片空白无从下手。似乎我的脑袋从来都是走简约风格,那就得小题大做的无中生有。无中生有就需要想象了,想象就要把记...
透明质感的图形 screen.width)this.style.width=screen.width;"> UI名称:透明质感的图形 播放器的UI screen.width)this.style.width=screen.width;"> UI名称:第一次尝试制作播放器的UI QQ面板之魔兽世界 screen.width)this.style.width=screen.width;"> UI名称:QQ面板之魔兽世界 颜色活泼跳跃的QQ皮肤 screen.width)this.style.w...

经验教程

257

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部