[MFC开发经验(2)] 设计对话框界面[TZZ]

2024-10-11 19:22:40

1、启动VS2017,然后新建一个名为“MFCDemo2”的基于对话框的MFC应用程序。项目创建完毕后,打开主对话框资源编辑界面,母皿钟床双击对话框中的“取消按钮”,为其添加一个新的消息处理函数。在VS打开的对话框源代码页面中,去掉“OnBnClickedCancel()”函数内部的代码;

[MFC开发经验(2)] 设计对话框界面[TZZ]

2、切换到对话框编辑页面中,选中对话框窗口,为其添加一个“WM_CLOSE”消息的响应函数。当VS自动打开对话框源代码页面后,在“OnClose()”函数中,添加调用“CDialog::OnOk()”的代码;

[MFC开发经验(2)] 设计对话框界面[TZZ]

3、切换到对话框编辑页面中,按“CTRL+A”选中对话框上的全部控件,然后按“Delete键”将它们全部删除;

[MFC开发经验(2)] 设计对话框界面[TZZ]

4、留意对话框上方和左方的标尺,拖动标尺的边缘,可以调成对话框内容区域与对话框边框的距离。这个距离我习惯上设置为4像素;

[MFC开发经验(2)] 设计对话框界面[TZZ]

5、选中对话框或者控件后,对话框或控件的四周会出现调整大小的移动柄。拖动实心正方形方块可以调整对话框或控件的大小;

6、打开“工具箱面板”,使用鼠标左键选中其中的“Group Box”控件,然后将其拖动到对话框中并松开鼠标左键。随后,按住鼠标左键并移动鼠标调整组框的位置,然后调整其大小;

[MFC开发经验(2)] 设计对话框界面[TZZ]

7、继续按照上面的方法,向对话框中拖动两个“Static Text”控件和两个“Edit Control”控件;

[MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ]

11、继续添加参考线并调整两个编辑框的宽度;

[MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ]

14、按照同样的方法,继续调整两个静态控件的标题,将它们分别设置为“用户 : ”和“密码 : ”;

[MFC开发经验(2)] 设计对话框界面[TZZ]

15、继续通过参考线和移动控件的方式调整对话框中控件的布局;

[MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ]

16、从工具栏中拖动两个按钮到对话框中,并将它们的“Caption”属性分别设置为“取消”和“登录”;

[MFC开发经验(2)] 设计对话框界面[TZZ]

17、继续调整按钮和对话框的大小,另它们看起来更舒服(这个最终得听客户的,通常新手设计的界面都不太令人满意);

[MFC开发经验(2)] 设计对话框界面[TZZ][MFC开发经验(2)] 设计对话框界面[TZZ]
猜你喜欢