七、对话框的创建、设置以及布局

1.   对话框的控件：

       a. 对话框主要用于和用户交互，其上有很多按钮以及文本输入框，用于执行一些操作系统命令并接受用户发来的消息；

       b. 对话框是一种用户自定义的类，而里面的内容（即控件，比如静态文本、编辑框、列表等）都属于它的成员对象（即成员变量）；

       c. 在MFC中需要先定义用户自己设计的对话框类，并在其中定义各种控件（即该类的各种成员对象），而定义的过程则不需要用户以代码的方式实现，MFC提供的图形编辑方法，即用户可以先在图形界面下设计好对话框以及里面的空间（该过程包括设计对话框的大小、颜色，以及里面空间的种类、数量，控件的名称、内容以及在对话框内的布局等等），待这一切都设计完成之后，再为对话框取一个类名，正式生成一个实体类，而生成类的过程将由Wizard向导根据用户的图形界面下的设计自动生成该类的代码，类生成完之后，用户再通过Wizard向导生成类中各个控件（即成员对象）的代码，至此对话框类设计完毕；

       d. 最后设计对话框类以及里面对象的消息相应函数等；

2.   对话框设计流程简介：

       a. 大致流程就是先进行图形界面的设计，然后再将图形界面和代码实现联系在一起，即从图形到代码的一整个过程；

       b. 流程分解：

            *1. 图形界面下创建对话框；

            *2. 在对话框中添加各种控件，并进行合理的布局和设计（颜色、大小，各种美观设计）；

            *3. 实现对话框从图形到代码的转化；

            *4. 实现控件从图形到代码的转化；

            *5. 添加消息响应函数；

3.   图形界面下创建对话框并设置其属性：

       a. 创建有两种方式：

            *1. 菜单栏→插入→资源→选择Dialog→新建；

            *2. 资源视图→Dialog右键→插入Dialog（如果选择插入，则弹出和*1.一样的资源对话框）；

       b. 设置对话框属性：

            *1. 在对话框的编辑区右键→属性，打开属性对话框；

            *2. ID填IDD_STUDENTMANAGEMENT；

            *3. Caption（即名称）填“学生信息管理”（这项将成为创建的对话框的标题）；

4.   添加以及编辑控件：

       a. 两种方法添加：

            *1. 将控件工具栏中的控件拖至对话框中；

            *2. 先单击控件工具栏中的空间，然后在对话框中拖动鼠标编辑，此种方法可以自由决定控件的大小（推荐使用这种方法）；

       b. 复制控件：

            *1. 按住Ctrl键同时左击目标空间不放，拖动至另一个位置放开双手即可完成一次复制；

            *2. 可一次将多个控件同时框住，然后拖动该框挪动位置，也可以用*1.的方法将这些控件全部复制；

            注：可以按住Ctrl键不放，然后用鼠标选择对个控件，这和将它们框起来的效果是一样的，都可以同时选中多个控件；

       c. 大小控制：

            *1. 先用鼠标点击选中目标控件；

            *2. 然后拖动上下左右以及四个角来改变控件的大小；

       d. 控件对齐：

            *1. 在对话框的左侧和上侧都有标尺；

            *2. 在标尺中的有效位置单击将会在该位置生成一条参考线；

            *3. 可以再次单击已生成的参考线并拖动调整该参考线的位置；

            *4. 右键点击已生成的参考线选择清除（清除当前选中的参考线）或者清除全部（清除全部参考线）；

            *5. 可以根据这些参考线实现控件的对齐；

       e. 参考线相关设置（三种方法）：

            *1. 菜单栏→布局→参考线设置；

            *2. 在标尺栏中右键→参考线设置；

            *3. 在已有的参考线上双击；

            注：推荐使用第一种，因为用户有可能将参考线设置为不可见，这样就不会显示标尺了，因此后两种方法将不可用；

            *4. 在参考线设置菜单中的版面指南中可以选择参考方式的风格：

                   i.   无：即什么参考方式都没有，不推荐；

                   ii.  标尺和参考线：即常规的风格，推荐，比较精确；

                   iii. 网格：将取消标尺和参考线，转而在对话框中加一排排整齐的点的方式来帮助用户对其，也不推荐（还是第二种精确一点）；

         f.  整体布局（两种方法）：

             *1. 在整个界面的左下角有很多控件对齐按钮可以选择（这里的布局是指整体布局，比如将控件放在整个对话框的左侧、中间等，而不是只局部调整，局部调整是指d.和e.）；

             *2. 菜单栏→布局，在子菜单中可以进行选择，*1.的按钮仅仅是这些子菜单的工具栏而已；

         g. 设置Tab顺序：

              i.   Tab顺序就是指用户打开对话框后，按Tab键光标跳动的顺序；

              ii.  合理的Tab顺序可以为用户带来方便；

              iii. 查看Tab顺序（两种方法）：

                    *1. 菜单→布局→Tab顺序；

                    *2. 快捷键Ctrl + D；

              iv. 修改Tab顺序：

                   在查看界面下按住Ctrl键不放，然后鼠标逐个按顺序点击控件，第一个点击的空间其Tab序号为1，接着为2，依次这样下去；

              注意：在使用时Tab键表示顺切，而Shift + Tab表示反切，和Tab的顺序刚好相反；

          h. 测试对话框：

               i.   即看一看对话框在程序运行的情况下的真实效果；‘

               ii.  三种方法：

                     *1. 最左下角点击测试；

                     *2. 菜单栏→布局→测试；

                     *3. 快捷键Ctrl + T；

5.   常用控件：

       a. 静态文本：

            i.   只用来提示用户信息，比如“姓名”，就是用来提示用户在右侧编辑框中输入姓名信息；

            ii.  因此不用来相应消息，因此其ID不需要和消息相应函数进行关联；

            iii. 因此保持其默认ID号IDC_STATIC；

       b. 编辑框：

            i.   用于输入文本信息，英文为Edit；

            ii.  默认其属性中的样式中的“自动水平滚动”即Auto HScroll，即如果编辑区的文字已满，则自动进行水平滚动；

            iii. 这里将两个控件的ID改为IDC_NAME和IDC_ID；

       c. 组框：

            i.   用于将相关控件组织在一块儿，也只起到标识的作用；

            ii.  由于其不参与消息相应，因此同样也不需要改其ID，就默认其ID为IDC_STATIC；

       d. 单选按钮组：

            i.   即Radio；

            ii.  将单选按钮组按Tab顺序排在第一个的单选按钮的常规选项中勾选“组（即Group）”，其余单选按钮都不能勾选该选项；

            iii. 并将第一个按钮的ID改为IDC_GRADE，其余均不用作任何修改；

            iv.  这里用一个单选按钮来代表一整个单选按钮组（和Java的处理方式一样），这里表示在这几个按钮中同时只能选择一个；

       e. 复选框：

            i.   在一个复选按钮族中可以一次选择多个选项，英文为Check；

            ii.  将其ID分别改为：IDC_ENGLISH、IDC_MATH、IDC_PHYSICS、IDC_CLANGUAGE、IDC_PHILOSOPHY、IDC_ART；

       f.   列表框：

            i.   可以通过鼠标或者键盘的上下键来选择刘表框中的选项，英文为List；

            ii.  将其ID改为IDC_DUTY；

            注意：IDC表示ID of Control Bar即控件的ID；

       g. 组合框：

            i.   是编辑框和列表框的组合，具有下拉键，英文为Combo；

            ii.  使用方法和列表框一样，同样可以使用鼠标或者键盘上下键选择框中的选项；

            iii. 将其ID改为IDC_MAJOR；

       h. 最终效果为：