C++开发人脸性别识别教程（19）——界面美化

ゞ浴缸里的玫瑰 2022-08-20 13:17 180阅读 0赞

在这篇博文中将完成《C++开发人脸性别识别》的收尾工作，主要内容分为两部分：添加视频暂定功能、界面规范化。

一 视频暂停功能

严格来说这个视频暂定功能算是视频人脸性别识别的一个遗留问题，本应加在[C++开发人脸性别识别教程（16）——视频人脸性别识别][C_16]这篇博文中，这里将其补上，具体功能就是在对摄像头采集的视频进行人脸检测、性别识别时，能够通过一个“暂停”按钮来对程序进行控制，实现程序的开始和中断。

1.1 添加控件

按照以往的思路这里需要再次添加一个button控件来实现这个暂停的功能，不过细心观察发现此时对话框中有一个“下一张”按钮，似乎对这个按钮利用的还不够充分，因此这里我们使用一个小技巧，即将视频暂停功能复用在这个“下一张”按钮上，即当程序工作在单张图片模式下时，这个按钮的作用是读取并处理下一张图片；当程序工作在视频流模式下时，这个按钮的作用就是暂停和继续的功能。

1.2 按钮显示文本切换控制

既然让这个按钮充当多个功能，自然要求其能够显示几种不同的文本信息来提示用户当前可进行的操作。首先我们默认按钮显示“暂停”字样，可以通过更改该button控件的属性来完成这个目的：

![589850-20160229204156783-478520527.png][]

接下来需要根据当前的工作模式来更改按钮所显示的文本，当用户单击“图像文件夹”按钮时，按钮应显示“下一张”，因此需要在“图像文件夹”按钮对应的事件处理函数OnBnClickedButtonImagefile（）添加按钮文本控制代码：

SetDlgItemTextA(IDC_BUTTON_NextImage,"下一张");//刷新控件

同理，当用户单击“打开视频”按钮时，按钮应该显示“暂停”文本，因此需要在“打开视频”按钮对应的事件处理函数OnBnClickedButton1Video（）中添加类似的按钮文本控制代码：

SetDlgItemTextA(IDC_BUTTON_NextImage,"暂停");//刷新控件

1.3 视频暂停控制

接下来实现视频暂停功能。双击“暂停”按钮，进入到其对应的事件触发函数中，发现目前其中只有一句代码GetNextBigImg（）来实现下一张图片的读取工作。接下来需要对这个函数进行改进，这里先给出该事件触发函数对应的整体代码，稍后进行解释：

void CGenderRecognitionMFCDlg::OnBnClickedButtonNextimage()
    {
        static int count = 0 ;
        if(m_boolModelFlag == FALSE)
        {
            if(count % 2  == 0)
            {
                SetDlgItemTextA(IDC_BUTTON_NextImage,"开始");
                KillTimer(1);
                count = 1;
            }
            else
            {
                SetDlgItemTextA(IDC_BUTTON_NextImage,"暂停");
                SetTimer(1,10,NULL);
                count = 0 ;
            }
        }
        else 
        {
            GetNextBigImg();
        }
    }

首先需要判断当前的工作模式，如果是图片模式（m\_boolModelFlag为真），则调用GetNextBigImg（）函数，实现“下一张”的功能，否则就实现“暂停”和“开始”的功能。通过一个静态变量count来控制“暂停”和“开始”之间的状态转换，至于“暂停”和“开始”功能的实现，则是通过销毁定时器（KillTimer函数）和重新创建定时器（SetTimer）来完成，这也是为什么当初在对视频流进行帧处理时要选择定时器触发的原因。OK，此时运行程序，各个功能正常工作，逻辑十分合理。

二、界面美化

到目前为止我们的编程工作已经全部完成了，接下来就是对界面进行一些美化，调整空间的布局，添加适当的文字说明。首先，为三个编辑框添加静态文本框（Static Text）注释，来指示编辑框中所显示数据的意义：

![589850-20160229212112861-1926300448.png][]

然后添加组框（Group Box）对各个功能区进行解释说明，同时添加一个“双击此处转换模式”的静态文本框来提示用户可以通过双击操作来转换图片读取模式，最终效果如下：

![589850-20160229212519611-211762795.png][]

哈哈，大功告成，正好三十天。

如果觉得这篇文章对您有所启发，欢迎关注我的公众号，我会尽可能积极和大家交流，谢谢。

![20180420194300864][]

[C_16]: http://blog.csdn.net/u013088062/article/details/50757274
[589850-20160229204156783-478520527.png]: /images/20220731/0d50af559ebd4c3f98204b5d70f3b92b.png
[589850-20160229212112861-1926300448.png]: /images/20220731/e3b2223106f34cba99a9223eb3180c1d.png
[589850-20160229212519611-211762795.png]: /images/20220731/73918d646b644debb27cca1ca527159a.png
[20180420194300864]: /images/20220731/38d70a2d72a0494ba0c69dd25f2155df.png