节 用户界面设计选单工具栏和状态栏PPT学习教案

1、会计学1 节节 用户界面设计选单工具栏和状态栏用户界面设计选单工具栏和状态栏 菜单显示一般要遵循的一些规则：菜单显示一般要遵循的一些规则： 菜单栏中某菜单项需要助记符，则用：菜单项文本菜单栏中某菜单项需要助记符，则用：菜单项文本 后跟（后跟（字母字母）。如在）。如在Word中，中，“文件（文件（F）”表示用表示用 Alt+F组合键选中组合键选中“文件文件”菜单命令。菜单命令。 若某菜单项需要快捷键，则一般将其放在相应菜单若某菜单项需要快捷键，则一般将其放在相应菜单 项文本后。项文本后。快捷键快捷键/加速键（加速键（Accelerator：一种：一种资源资源） 就是一组合键，按下快捷键表示执行相

2、应的菜单命令。就是一组合键，按下快捷键表示执行相应的菜单命令。 如在如在Word中，按下中，按下Ctrl+N，表示执行，表示执行新建新建菜单菜单 命令。命令。 第2页/共35页第1页/共35页 1、编辑菜单、编辑菜单 编辑菜单资源：编辑菜单资源： (1) 选择工程工作区的选择工程工作区的ResourceView卡片，切换到资源视图。卡片，切换到资源视图。 (2) 选择菜单资源类型选择菜单资源类型Menu。 (3) 选定菜单资源选定菜单资源IDR_MAINFRAME，双击该项，弹出菜单编辑，双击该项，弹出菜单编辑 器窗口。器窗口。 (4) 编辑当前菜单编辑当前菜单 插入新菜单项，可选定窗口中的空

3、白菜单框上双击，弹出属性对话插入新菜单项，可选定窗口中的空白菜单框上双击，弹出属性对话 框，用于输入菜单项的标题、标识符、菜单项在状态栏上显示的提框，用于输入菜单项的标题、标识符、菜单项在状态栏上显示的提 示（示（Prompt）等；也可拖动空白菜单到制定地方，然后双击该菜）等；也可拖动空白菜单到制定地方，然后双击该菜 单项进行编辑；要插入一个单项进行编辑；要插入一个分隔线分隔线，只需将菜单项的，只需将菜单项的Seperator属属 性打开即可。性打开即可。 第3页/共35页第2页/共35页 2、菜单命令消息、菜单命令消息 菜单命令消息常用的有两个： WM_COMMAND（命令消息命令消息） W

4、M_COMMAND_UI（更新命令用户接口消息 /更新命令更新命令UIUI消息消息）。 第4页/共35页第3页/共35页 WM_COMMANDWM_COMMAND（命令消息）（命令消息）: : 由选择菜单命令项或按下快捷键或一般控件或由选择菜单命令项或按下快捷键或一般控件或 工具栏按钮（当工具栏按钮（当IDID号与菜单项的号与菜单项的IDID同名时）等同名时）等 用 户 交 互 对 象 发 出 。 其 消 息 映 射 宏 名 为用 户 交 互 对 象 发 出 。 其 消 息 映 射 宏 名 为 ON_COMMANDON_COMMAND。 ON_COMMAND ON_COMMAND 消息消息映射

5、宏的作用为在用户选择该映射宏的作用为在用户选择该 菜单项时调用指定的命令处理函数。菜单项时调用指定的命令处理函数。 如：如：ON_COMMAND(IDM_COMMAND1, OnCommand1)ON_COMMAND(IDM_COMMAND1, OnCommand1) 会使会使IDID号为号为IDM_COMMAND1IDM_COMMAND1的菜单被选择时调用的菜单被选择时调用 OnCommand1OnCommand1成员函数（命令处理函数）。成员函数（命令处理函数）。 第5页/共35页第4页/共35页 WM_UPDATE_COMMAND_UIWM_UPDATE_COMMAND_UI（更新命令用

6、户接口消更新命令用户接口消 息息/更新命令更新命令UIUI消息消息）： 许多情况弹出式菜单的菜单项可能有多个状态，许多情况弹出式菜单的菜单项可能有多个状态， 如某个时刻正常可用（正常如某个时刻正常可用（正常/ /允许），而某个时允许），而某个时 刻不可用（变灰刻不可用（变灰/ /禁止），还可以加标记（打禁止），还可以加标记（打 钩），以表明被选中或未被选中。钩），以表明被选中或未被选中。 MFCMFC的更新命令用户接口消息为自动更新用户接的更新命令用户接口消息为自动更新用户接 口 提 供 了 方 便 。 其 消 息 映 射 宏 名 为口 提 供 了 方 便 。 其 消 息 映 射 宏 名 为

7、ON_UPDATE_COMMAND_UION_UPDATE_COMMAND_UI。 第6页/共35页第5页/共35页 第7页/共35页第6页/共35页 例例2：在对话框中使用菜单：在对话框中使用菜单 新建一个菜单资源，将该菜单引入到对话框中，并加入新建一个菜单资源，将该菜单引入到对话框中，并加入 相应的消息响应函数。相应的消息响应函数。 第8页/共35页第7页/共35页 第9页/共35页第8页/共35页 第10页/共35页第9页/共35页 6.2 工具条工具条 1 工具条简介工具条简介 工具条工具条可以看作是图形化的菜单，是一种可以看作是图形化的菜单，是一种 更快捷、更有效、更直观的命令输入方

8、式更快捷、更有效、更直观的命令输入方式 工具条工具条作为程序的一个资源作为程序的一个资源, ,一般存放在资一般存放在资 源脚本中，在程序运行时才调用源脚本中，在程序运行时才调用 第11页/共35页第10页/共35页 2 CToolBar类类 C CT To oo ol lB Ba ar r 的的构构造造方方法法 方方法法说说明明 C Cr re ea at te e( () )创创建建一一个个工工具具条条并并把把它它附附加加到到C CT To oo ol lB Ba ar r 对对象象上上 C Cr re ea at te eE Ex x( () )创创建建一一个个定定义义了了边边界界的的工工

9、具具条条并并把把它它附附加加到到C CT To oo ol lB Ba ar r 对对象象上上 S Se et tS Si iz ze es s( () )设设置置按按钮钮及及位位图图大大小小 S Se et tH He ei ig gh ht t( () )设设置置工工具具条条的的高高度度 L Lo oa ad dT To oo ol lB Ba ar r( () )装装载载工工具具条条资资源源 L Lo oa ad dB Bi it tm ma ap p( () )装装载载包包含含工工具具按按钮钮图图像像的的位位图图 S Se et tB Bi it tm ma ap p( () )设设置

10、置位位图图图图像像 S Se et tB Bu ut tt to on ns s( () )设设置置按按钮钮并并使使每每个个按按钮钮与与位位图图图图像像相相关关。 第12页/共35页第11页/共35页 3 已有工具条的使用已有工具条的使用 n1） 打开工具条资源打开工具条资源 n2） 单击工具条最右侧的空白工具按钮单击工具条最右侧的空白工具按钮 n 3） 编辑工具按钮编辑工具按钮 n 4） 给工具按钮添加消息响应函数给工具按钮添加消息响应函数 n示例演示示例演示 第13页/共35页第12页/共35页 4 工具条函数简介工具条函数简介 1) Create()函数函数 BOOL CreateBOO

11、L Create ( ( CWndCWnd* * pParentWnd, pParentWnd, /pParentWnd/pParentWnd为指向工具条所在父窗口的指针为指向工具条所在父窗口的指针 DWORD dwStyle=WS_CHILD|WS_VISIBLE|CBRS_TOP, / dwStyleDWORD dwStyle=WS_CHILD|WS_VISIBLE|CBRS_TOP, / dwStyle为工具条的风格为工具条的风格 UINT nID = AFX_IDW_TOOLBAR UINT nID = AFX_IDW_TOOLBAR /nID/nID表示工具条子窗口的表示工具条子窗口

12、的IDID号号 );); 第14页/共35页第13页/共35页 2) LoadToolBar()函数函数 BOOL LoadToolBar(LPCTSTR lpszResourceName); /BOOL LoadToolBar(LPCTSTR lpszResourceName); /字符串形式定义的资源字符串形式定义的资源 BOOL LoadToolBar(UINT nIDResource); BOOL LoadToolBar(UINT nIDResource); / /整型形式定义的资源整型形式定义的资源 3) SetBarStyle()函数函数 m_wndToolBar.SetBarSt

13、yle(m_wndToolBar.SetBarStyle(CBRS_TOOLTIPSCBRS_TOOLTIPS| |CBRS_FLYBYCBRS_FLYBY| | CBRS_SIZE_DYNAMICCBRS_SIZE_DYNAMIC);); WS_VISIBLEWS_VISIBLE使工具条窗口初始可见使工具条窗口初始可见 CBRS_BOTTOMCBRS_BOTTOM初始时将工具条放到窗口底部初始时将工具条放到窗口底部 CBRS_FLYBYCBRS_FLYBY鼠标光标在按钮上暂停时，显示命令描鼠标光标在按钮上暂停时，显示命令描 述述 CBRS_NOALIGNCBRS_NOALIGN防止控制条在其

14、父窗口改变大小时被复防止控制条在其父窗口改变大小时被复 位位 CBRS_TOOLTIPSCBRS_TOOLTIPS鼠标光标在按钮上暂停时，显示工具提示鼠标光标在按钮上暂停时，显示工具提示 CBRS_TOPCBRS_TOP初始时将工具条放在窗口顶部初始时将工具条放在窗口顶部 CBRS_SIZE_DYNAMICCBRS_SIZE_DYNAMIC工具条的大小可变工具条的大小可变 第15页/共35页第14页/共35页 4) 工具条的移动工具条的移动 为使用户能够移动工具条，为此，需向工具条及框架窗口发送消息为使用户能够移动工具条，为此，需向工具条及框架窗口发送消息 。这可通过调用。这可通过调用CToo

15、lBar:EnableDockingCToolBar:EnableDocking和和Frame:EnableDockingFrame:EnableDocking 实现。实现。 二函数原型均如下：二函数原型均如下： void EnableDocking( DWORD dwStyle );void EnableDocking( DWORD dwStyle ); 工具条停靠风格 风格意义 CBRS_ALIGN_TOP工具条可在客户区顶端移动 CBRS_ALIGN_BOTTOM工具条可在客户区底端移动 CBRS_ALIGN_LEFT工具条可在客户区左端移动 CBRS_ALIGN_RIGHT工具条可在客

16、户区右端移动 CBRS_ALIGN_ANY工具条可在客户区任意位置移动 CBRS_FLOAT_MULTI允许在一窗口内存在多个可移动控制条 对于对于CFrame不可用不可用 停靠停靠 风格风格 第16页/共35页第15页/共35页 5 新增工具条的使用新增工具条的使用 n1） 创建工具栏资源；创建工具栏资源； n2）在边框窗口类的声明中添加：）在边框窗口类的声明中添加： CToolBar m_myToolBar; n3） 在在OnCreate函数中增加：函数中增加： nif (!m_myToolBar.Create(this) | n !m_myToolBar.LoadToolBar(IDR_

17、TOOLBAR1) n nTRACE0(Failed to create toolbarn); nreturn -1; / fail to create n m_wndToolBar.EnableDocking(CBRS_ALIGN_ANY ); m_myToolBar.EnableDocking(CBRS_ALIGN_ANY); EnableDocking(CBRS_ALIGN_ANY); DockControlBar( DockControlBar( 第17页/共35页第16页/共35页 第18页/共35页第17页/共35页 n指示器窗格指示器窗格 第19页/共35页第18页/共35页 n; 第20页/共35页第19页/共35页 n增加信息行窗格增加信息行窗格： u在在indicators数组中增加数组中增加ID_SEPARATOR标识标识 n增加指示器窗格：增加指示器窗格： u在String Table中加入新ID，Caption中加空格 或字符串，字符串的长度表示用户指示器窗格的大小字符串，字符串的长度表示用户指示器窗格的大小 u在在indicators数组中增加在数组中增加在String Table中定义过的中定义过的ID n减少窗格减少窗格 u减少减少indicators数组中的元素即可数组中的元素即可 第21