界面设计:菜单界面设计



任何个应用程式都需要通过各种命令来达成某项功能而这些命令大多数是通过程式菜单来实现如我们常常用到记事本菜单:


screen.width-600)this.style.width=screen.width-600;">



VB提供了个菜单编辑器专门用来制作各式各样菜单它在标准工具栏中图标如图 2:


screen.width-600)this.style.width=screen.width-600;">
图 2


双击该图标弹出如图 3窗口通过这个窗口我们就可以制作菜单了


screen.width-600)this.style.width=screen.width-600;">
图 3


当然程式光是有菜单还不行它只是为用户提供了便捷操作接口程式功能最终实行还必须通过给这些菜单输入复杂程式才能得以实现

下面我们以Windows自带笔记本为例介绍如何用VB制作菜单

、菜单制作:

1、双击如图 2菜单编辑器图标然后弹出如图 3编辑窗口

2、标题:显示在菜单中文字这里我们输入“档案(&F)”字样

(&F)是什么东西?这是为了方便用户使用键盘操作菜单当程式运行时(&)字样不会出现而是在字母F下加上条横线这表示只要用户在按住Alt键同时再按下F键就相当于用鼠标点击“档案”这个菜单命令了也就是说档案菜单快捷键是Alt+F

名称:本菜单在程式中名称主要用作程式因此记得用英文名另外名字最好目了然这里我们将“档案”菜单命名为MenuFile

“档案”菜单制作完毕如图 4:


screen.width-600)this.style.width=screen.width-600;">
图 4


3、点击菜单编辑器上“下个”按钮制作下个菜单这时我们看到编辑区域自动提到了下如图 5:


screen.width-600)this.style.width=screen.width-600;">
图 5


点击向右按钮本行前面出现了 4个小点表示本菜单降了是 2级菜单(依此类推如果要制作 3级菜单只需要再点下向右按钮进行降级就行了)然后用第 2步思路方法制作“新建”(MenuNew)、“打开”(MenuOpen)、“保存”(MenuSave)、“另存为”(MenuSaveOther)菜单结果如图 6:


screen.width-600)this.style.width=screen.width-600;">
图 6


上面讲到了用&符号制作快捷键思路方法这里我们再使用VB菜单编辑器中“快捷键”定制思路方法制作快捷键

找到“新建”菜单先在“新建(&N)”字样后面添加 6个空格以便后面显示快捷键跟菜单名的间有点空隙然后在快捷键下拉列表中选择Ctrl+N这表示在按住Ctrl键同时按N键就能使用“新建”命令了如下图:


screen.width-600)this.style.width=screen.width-600;">


4、制作菜单分隔线:

“另存为”菜单下面是条分隔线那么分隔线如何表示呢?很简单只需在“标题”框中输入“-”就行了命名为MenuSperate1然后点按“下个”按钮制作下面菜单如图 7:


screen.width-600)this.style.width=screen.width-600;">
图 7


5、同理可做“页面设置”(MenuPage)、“打印”(MenuPr)、“分隔线 2”(MenuSeprate2)、“退出菜单”(MenuQuit)如图 8:


screen.width-600)this.style.width=screen.width-600;">
图 8


6、制作“编辑”菜单:

由于“编辑菜单”是级菜单所以在完成“退出”菜单并点按“下个”按钮后别忘了点按向左按钮将当前菜单进行升级这时可以看到本行前面 4个小点消失了如图 9:


screen.width-600)this.style.width=screen.width-600;">
图 9


7、根据前面学到知识我们制作“编辑”(MenuEdit)、“撤消”(MenuUndo)、“分隔条 3”(MenuSeprate3)、“剪切”(MenuCut)、“复制”(MenuCopy)、“粘贴”(MenuPaste)、“删除”(MenuDel)、“分隔条 4”(MenuSeprate4)、“全选”(MenuSelectAll)、“时间/日期”(MenuDate)、“分隔条 5”(MenuSeprate5)、“自动换行”(MenuWrap)、“设置字体”(MenuFont)菜单如图十:


screen.width-600)this.style.width=screen.width-600;">
图十


8、添加RichTextControl控件:最后在窗体内添加个RichTextControl控件结果如图十:


screen.width-600)this.style.width=screen.width-600;">
图十


在默认工具箱面板中RichTextControl控件没有罗列出来大家可以用鼠标右键点击工具箱面板在弹出面板中选择“部件”然后在弹出窗口中找到“MicrosoftRichTextboxControl6.0”勾选本Control控件复选框最后“确定”就行了如图十 2:


screen.width-600)this.style.width=screen.width-600;">
图十 2


2、菜单属性设置:

对各个菜单属性设置可以在制作菜单过程中进行也可以在菜单设计完毕后集中进行处理

1、菜单“有效”性:

只有当菜单处于“有效”状态时才能被使用



对于个新空白档案来说撤消、剪切、复制、粘贴命令缺少操作对象所以在状态下它们应该是“无效”

打开菜单编辑器找到“撤消”菜单然后将“有效”复选框前勾去掉这样“撤消”菜单无效了如图十 3:


screen.width-600)this.style.width=screen.width-600;">
图十 3


同理将“剪切”、“复制”、“粘贴” 3个菜单变为“无效”

2、复选菜单

在记事本中“自动换行”可以对文字显示进行换行控制默认状态为“非自动换行”模式点击次则启动“自动换行”模式再点击次就取消“自动换行”象这种菜单我们称为“复选菜单”

复选菜单制作非常简单只需找到要作为复选菜单那个菜单然后勾选“复选”按钮就行了如图十 4:


screen.width-600)this.style.width=screen.width-600;">
图十 4


但是此时复选按钮还不健全需要代码支持方能正常使用具体情况在下举例中讲述

3、根据本节学到知识请大家自行设计笔记本中余下菜单

screen.width-600)this.style.width=screen.width-600;">
Tags:  vc界面设计 ui界面设计 软件界面设计 界面设计

延伸阅读

最新评论

发表评论