【精品】可视化程序设计(可编辑.ppt
《【精品】可视化程序设计(可编辑.ppt》由会员分享,可在线阅读,更多相关《【精品】可视化程序设计(可编辑.ppt(108页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、可视化程序设计 Windows风格的界面由菜单、工具栏、状态栏等组成,风格的界面由菜单、工具栏、状态栏等组成,如学生档案管理系统的主界面。如学生档案管理系统的主界面。图图4.1 学生档案管理系统主菜单界面学生档案管理系统主菜单界面1.教学内容教学内容(1)菜单设计:下拉菜单设计与弹出式菜单设计)菜单设计:下拉菜单设计与弹出式菜单设计(2)工具栏设计)工具栏设计(3)状态栏设计)状态栏设计(4)对话框使用)对话框使用(5)单文档编辑器设计与)单文档编辑器设计与MDI多窗体程序设计多窗体程序设计图图4.2 单文档编辑器设计示例单文档编辑器设计示例2.教学方法(项目式教学法)教学方法(项目式教学法)
2、(1)以单文档编辑器设计为教学案例介绍菜单、工具栏、)以单文档编辑器设计为教学案例介绍菜单、工具栏、状态栏与对话框的设计与使用方法。状态栏与对话框的设计与使用方法。(2)以学生档案管理系统主界面设计为教学案例介绍)以学生档案管理系统主界面设计为教学案例介绍MDI多窗体程序设计方法。多窗体程序设计方法。菜单分为下拉式菜单与弹出式菜单菜单分为下拉式菜单与弹出式菜单4.1.1下拉式菜单设计下拉式菜单设计1.菜单组成菜单组成 主菜单:主菜单项主菜单:主菜单项1、主菜单项、主菜单项2、主菜单项、主菜单项n下拉式菜单下拉式菜单 一级子菜单一级子菜单 菜单项:表示一条命令或子菜单标题菜单项:表示一条命令或子
3、菜单标题 二级子菜单二级子菜单 快捷键快捷键(Ctrl+字母)字母):直接执行的命令键:直接执行的命令键 子菜单子菜单 三级子菜单三级子菜单 分隔条分隔条(-):区分不同功能的菜单项组:区分不同功能的菜单项组 四级子菜单四级子菜单 子菜单提示符:表示有下级子菜单子菜单提示符:表示有下级子菜单 五级子菜单五级子菜单 热键:热键:“&”用菜单控件用菜单控件menuStripmenuStrip设计下拉式菜单设计下拉式菜单。4.1 菜单设计菜单设计2.菜单控件菜单控件menuStrip(1)作用)作用:编辑制作下拉式菜单:编辑制作下拉式菜单(2)添加菜单控件)添加菜单控件工具箱工具箱|菜单与工具栏菜单
4、与工具栏|将将menuStrip控件拖放到窗体内。控件拖放到窗体内。(3)设置菜单位置)设置菜单位置(Dock属性属性)用用Dock属性设置菜单属性设置菜单6种位置:种位置:Top(顶部)、(顶部)、Bottom(底部)、(底部)、Left(左边)、(左边)、Right(右边)、(右边)、Fill(填满)和(填满)和None(不设置)。(不设置)。4.1.1 下拉式菜单设计下拉式菜单设计 (4)选择菜单类型)选择菜单类型 在新添加菜单项前,应选择菜单项在新添加菜单项前,应选择菜单项类型。单击类型。单击“请在此处键入请在此处键入”右侧的下拉右侧的下拉按钮,打开设置菜单项类型的下拉框,按钮,打开设
5、置菜单项类型的下拉框,如图如图4.4所示。有三种类型:所示。有三种类型:MenuItem(菜单项)(菜单项)ComboBox(下拉框)(下拉框)TextBox(文本框)(文本框)选择选择MenuItem(菜单项)(菜单项)4.1.1 下拉式菜单设计下拉式菜单设计图图4.4 选择菜单项类型选择菜单项类型 (5)输入菜单项文本)输入菜单项文本(Text属性属性)单击单击“请在此处键入请在此处键入”框体,输入菜框体,输入菜单项文本,如输入单项文本,如输入“文件文件”,如图,如图4.5所所示。也可用菜单项的示。也可用菜单项的Text属性输入菜单属性输入菜单项文本。项文本。(6)输入分隔条)输入分隔条
6、单击单击“请在此处键入请在此处键入”下拉按钮,选择下拉按钮,选择Separator,可输入分隔条。如图可输入分隔条。如图4.6所示。所示。4.1.1 下拉式菜单设计下拉式菜单设计图图4.5 输入菜单项文本输入菜单项文本图图4.6 输入分隔条输入分隔条(7)设置热键()设置热键(Text属性)属性)Text属性:菜单项文本属性:菜单项文本&在菜单项的在菜单项的Text属性中输入:属性中输入:菜单项文本菜单项文本&,可,可设置热键。设置热键。如在如在“文件文件”菜单项的菜单项的Text属性中输入属性中输入“文件(文件(&F)”,则设置则设置“文件文件”菜单项热键为菜单项热键为F。程序执行时按程序执
7、行时按Alt+F组合键可执行组合键可执行“文件文件”主菜单项命令。主菜单项命令。4.1.1 下拉式菜单设计下拉式菜单设计(8)设置快捷键()设置快捷键(ShortcutKeys属性属性)用用ShortcutKeys属性可设置子菜单属性可设置子菜单的快捷键。方法如下:的快捷键。方法如下:单击子菜单(如单击子菜单(如“新建新建”),在属性),在属性对话框中单击对话框中单击ShortcutKeys下拉按钮,下拉按钮,选择选择Ctrl+N为快捷键,如图为快捷键,如图4.7所示,所示,则则Ctrl+N成为成为“新建新建”子菜单的快捷键,子菜单的快捷键,当按当按Ctrl+N组合键时,系统将执行组合键时,系
8、统将执行“新建新建”子菜单命令。子菜单命令。4.1.1 下拉式菜单设计下拉式菜单设计图图4.7设置快捷键设置快捷键(9)设置菜单项名称)设置菜单项名称Name先选择菜单项,然后在属性对话框中设置先选择菜单项,然后在属性对话框中设置Name属性。属性。如设置文件菜单项的如设置文件菜单项的Name:menu_File (10)设置菜单事件)设置菜单事件 双击子菜单项(双击子菜单项(如,新建如,新建),添加菜单的),添加菜单的Click(单击)事(单击)事件,如下所示。件,如下所示。private void menu_New_Click(object sender,EventArgs e)Messa
9、geBox.Show(新建文件!新建文件!);当用户点击当用户点击“新建新建”菜单时将弹出菜单时将弹出“新建文件!新建文件!”对话框。对话框。4.1.1 下拉式菜单设计下拉式菜单设计(11)删除菜单项)删除菜单项右击菜单项右击菜单项|删除删除,可删除菜单项。,可删除菜单项。(12)插入菜单项)插入菜单项右击菜单项右击菜单项|插入,可插入新的菜单项。插入,可插入新的菜单项。(13)设置菜单项图标)设置菜单项图标右击菜单项右击菜单项|设置图像设置图像|本地资源本地资源|导入导入|选择图片文件,选择图片文件,可设置菜单项图标。可设置菜单项图标。4.1.1 下拉式菜单设计下拉式菜单设计(14)设置菜单
10、项有效()设置菜单项有效(Enabled)属性)属性Enabled=true 菜单项有效,菜单项有效,Enabled=false 菜单项无效菜单项无效(15)设置菜单项复选框()设置菜单项复选框(Checked)属性)属性Checked=true 菜单项的复选框被选中,则该菜单项左菜单项的复选框被选中,则该菜单项左边加上检查标记边加上检查标记“”,表示该菜单项是一个被选项。,表示该菜单项是一个被选项。4.1.1 下拉式菜单设计下拉式菜单设计(16)项集合编辑器)项集合编辑器作用作用:添加、修改和删除菜单项。:添加、修改和删除菜单项。启动启动:单击菜单控件单击菜单控件Items属性右边省略按钮。
11、属性右边省略按钮。项集合编辑器界面项集合编辑器界面(如图如图4.8所示)所示)l左侧上方下拉列表框可选择要添加菜单项的类型,左侧上方下拉列表框可选择要添加菜单项的类型,l左侧下方是已经添加的菜单项列表,左侧下方是已经添加的菜单项列表,l右侧是选中菜单项的属性列表。右侧是选中菜单项的属性列表。4.1.1 下拉式菜单设计下拉式菜单设计图图4.8 项集合编辑器界面项集合编辑器界面4.1.1 下拉式菜单设计下拉式菜单设计添加新菜单项添加新菜单项单击单击“添加添加”按钮可以添加新菜单项。按钮可以添加新菜单项。删除菜单项删除菜单项单击删除按钮可删除当前菜单项单击删除按钮可删除当前菜单项调整菜单项的位置调整
12、菜单项的位置选中菜单项后,单击列表右侧的上下箭头按钮,可调整选中菜单项后,单击列表右侧的上下箭头按钮,可调整菜单项之间的位置。菜单项之间的位置。4.1.1 下拉式菜单设计下拉式菜单设计修改菜单项属性修改菜单项属性在右侧属性列表中可修改菜单项的属性。在右侧属性列表中可修改菜单项的属性。如修改如修改Name、Text、ShortcutKeys等属性。等属性。单击菜单项的单击菜单项的DropDownItems属性右边的省略按钮,将显属性右边的省略按钮,将显示其对应下一级子菜单项的成员。示其对应下一级子菜单项的成员。如,单击如,单击“Menu_File”菜单项菜单项(文件文件)的的DropDownIt
13、ems属性属性右边的省略按钮,将显示文件菜单对应下一级子菜单项的成右边的省略按钮,将显示文件菜单对应下一级子菜单项的成员。如图员。如图4.9所示。此时可编辑文件子菜项的属性。所示。此时可编辑文件子菜项的属性。图图4.9 文件菜单的子菜单成员文件菜单的子菜单成员【例例4.1】设计一个简易文本编辑器的下拉式菜单,如图设计一个简易文本编辑器的下拉式菜单,如图4.1所示,设计要求如表所示,设计要求如表4.1所示。所示。文件(文件(&F)(File)编辑编辑(&E)(Edit)视图视图(&V)(View)新建新建(New)Ctrl+N剪切剪切(Cut)Ctrl+X页页面面(Page)打开打开(Open)
14、Ctrl+O复制复制 (Copy)Ctrl+C大大纲纲(Outline)保存保存(Save)Ctrl+S粘粘贴贴(Paste)Ctrl+V文档文档(Word)打印打印(Print)Ctrl+P工具工具(Tools)常用常用(use)预览预览(Review)Ctrl+R格式格式(Format)表格表格(Table)退出退出(Exit)Ctrl+E4.1.1 下拉式菜单设计下拉式菜单设计(1)新建解决方案)新建解决方案ex4_1.sln 存放在存放在d:C#ex4_1目录中。目录中。(2)新建项目)新建项目ex4_1与窗体与窗体新建一个项目新建一个项目ex4_1,设置窗体属性设置窗体属性Text:
15、下拉式菜单设计示例下拉式菜单设计示例Name:frm_Menu(3)添加菜单控件)添加菜单控件工具箱工具箱|菜单与工具栏菜单与工具栏|将将menuStrip添加到窗体中。添加到窗体中。4.1.1 下拉式菜单设计下拉式菜单设计(4)使用)使用menuStrip控件建立菜单控件建立菜单 创建主菜单项创建主菜单项Text:输入:输入“文件(文件(&F)”(F键成为热键)键成为热键)Name:Menu_File 创建子菜单项创建子菜单项Text:新建新建Name:Menu_NewShortcutKeys:选择:选择Ctrl+N4.1.1 下拉式菜单设计下拉式菜单设计4.1.1 下拉式菜单设计下拉式菜单
16、设计用同样方法建立编辑与视图菜单项及其子菜单。用同样方法建立编辑与视图菜单项及其子菜单。注意:菜单项的注意:菜单项的Name=Menu+菜单英文名。菜单英文名。(5)建立菜单项事件过程)建立菜单项事件过程为了使读者能感受到菜单项命令的执行效果,对为了使读者能感受到菜单项命令的执行效果,对“新建新建”、“打开打开”、“保存保存”与与“退出退出”4个菜单项编写事件过程。个菜单项编写事件过程。编写编写“新建新建”菜单项的事件过程菜单项的事件过程在窗体设计器中,双击在窗体设计器中,双击“新建新建”菜单项,进入代码编辑器,菜单项,进入代码编辑器,输入如下代码:输入如下代码:private void Me
17、nu_New_Click(object sender,EventArgs e)MessageBox.Show(新建文件!新建文件!);4.1.1 下拉式菜单设计下拉式菜单设计编写编写“打开打开”菜单项的事件过程菜单项的事件过程 private void Menu_Open_Click(object sender,EventArgs e)MessageBox.Show(打开文件!打开文件!);编写编写“保存保存”菜单项的事件过程菜单项的事件过程private void Menu_Save_Click(object sender,EventArgs e)MessageBox.Show(保存文件!保
18、存文件!);4.1.1 下拉式菜单设计下拉式菜单设计编写编写“退出退出”菜单项的事件过程菜单项的事件过程 private void Menu_Exit_Click(object sender,EventArgs e)this.Close();4.1.1 下拉式菜单设计下拉式菜单设计(7)编译和运行程序)编译和运行程序执行菜单命令:调试执行菜单命令:调试|启动调试或按启动调试或按F5 或或 按启动快速按按启动快速按钮,即可启动执行菜单程序。用鼠标单击菜单项,屏幕上钮,即可启动执行菜单程序。用鼠标单击菜单项,屏幕上将显示对应输出信息。用热键将显示对应输出信息。用热键Alt+F,可启动文件一级子菜,
19、可启动文件一级子菜单,用快捷键单,用快捷键Ctrl+O可执行可执行“打开打开”菜单项命令,屏幕显示菜单项命令,屏幕显示“打开文件打开文件”信息,用快捷键信息,用快捷键Ctrl+E可执行可执行“退出退出”菜单项命令,菜单项命令,系统将关闭程序。系统将关闭程序。4.1.1 下拉式菜单设计下拉式菜单设计4.1.2 弹出式菜单设计弹出式菜单设计(ContextMenuStrip控件控件)在在Windows程程序序设设计计中中广广泛泛采采用用弹弹出出式式菜菜单单,如如在在Word菜菜单单或或工工具具栏栏区区单单击击鼠鼠标标右右键键,出出现现有有关关菜菜单单栏栏、工工具具栏栏等弹出式选择菜单。等弹出式选择
20、菜单。在在文文本本编编辑辑区区单单击击鼠鼠标标右右键键会会出出现现有有关关文文本本编编辑辑方方面面的的弹出式菜单。弹出式菜单。在在C#开开发发环环境境中中,用用ContextMenuStripContextMenuStrip控控件件设设计计弹弹出出式式菜单。菜单。4.1.2 弹出式菜单设计弹出式菜单设计1.作用作用:设计弹出式菜单:设计弹出式菜单2.位置位置:工具箱:工具箱|菜单和工具栏菜单和工具栏3.选择菜单类型选择菜单类型MenuItem(菜单项)(菜单项)ComboBox(下拉框)(下拉框)TextBox(文本框)(文本框)选择选择MenuItem(菜单项)(菜单项)4.1.2 弹出式菜
21、单设计弹出式菜单设计4.输入菜单项文本输入菜单项文本(Text属性属性)单击单击“请在此处键入请在此处键入”框体,输入菜单项文本,如输入框体,输入菜单项文本,如输入“剪剪切切”,也可用菜单项的,也可用菜单项的Text属性输入菜单项文本。属性输入菜单项文本。5、选择关联控件、选择关联控件编辑控件(如编辑控件(如richTextBox)均有均有ContextMenuStrip属性,属性,在在ContextMenuStrip属性栏中选择属性栏中选择ContextMenuStrip控件,控件,则右击编辑控件时,会出现则右击编辑控件时,会出现ContextMenuStrip控件制作的控件制作的弹出式菜单
22、。弹出式菜单。4.1.2 弹出式菜单设计弹出式菜单设计【例【例4.2】设计一个带有下拉式菜单、弹出式菜单的文本编辑】设计一个带有下拉式菜单、弹出式菜单的文本编辑器,其工作界面如图器,其工作界面如图4.10所示。设计要求如下。所示。设计要求如下。在例在例4.1的窗体中添加一个的窗体中添加一个RichTextBox控件作为图文编辑器,控件作为图文编辑器,用弹出式菜单实现文本编辑器的用弹出式菜单实现文本编辑器的“复制、剪切、粘贴、清除复制、剪切、粘贴、清除”功功能,程序设计过程如下。图能,程序设计过程如下。图4.3弹出式菜单示例弹出式菜单示例4.1.2 弹出式菜单设计弹出式菜单设计图图4.10弹出式
23、菜单示例弹出式菜单示例(1)新建解决方案)新建解决方案ex4_2.sln。(2)设置窗体属性)设置窗体属性Name:frm_ContextMenu。Text:“下拉式菜单与弹出式菜单设计示例下拉式菜单与弹出式菜单设计示例”。(3)将解决方案)将解决方案ex4_1.sln中的下拉菜单控件中的下拉菜单控件menuStrip1复制到复制到frm_ContextMenu窗体中。窗体中。(4)将)将ex4_1.sln中的所有事件处理程序复制到中的所有事件处理程序复制到frm_ContextMenu窗体中。窗体中。4.1.2 弹出式菜单设计弹出式菜单设计(5)在窗体中添加)在窗体中添加ContextMen
24、uStrip1控件控件在弹出式菜单中添加四个子菜单项:在弹出式菜单中添加四个子菜单项:Text:剪切、复制、粘贴、清除。剪切、复制、粘贴、清除。Name:cm_Cut、cm_Copy、cm_Paste、cm_Clear(6)添加)添加RichTextBox控件控件工具箱工具箱|公共控件公共控件|将将RichTextBox添加到窗体。添加到窗体。设置属性设置属性Name:rtxt_Text。ContextMenuStrip:ContextMenuStrip1 RichTextBox是一种图文编辑控件,具有类似于是一种图文编辑控件,具有类似于Word的文字编辑的文字编辑功能。功能。4.1.2 弹出
25、式菜单设计弹出式菜单设计(7)编写剪切事件处理过程编写剪切事件处理过程 private void Cut()/将剪切内容存入剪切板中,清除剪切内容将剪切内容存入剪切板中,清除剪切内容 Clipboard.SetDataObject(rtxt_Text.SelectedText);rtxt_Text.SelectedText=String.Empty;private void cm_Cut_Click(object sender,EventArgs e)Cut();/单击弹出式菜单的剪切子菜单时调用单击弹出式菜单的剪切子菜单时调用Cut函数函数 private void Menu_Cut_Cli
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 精品 可视化 程序设计 编辑
限制150内