码迷,mamicode.com
首页 > 编程语言 > 详细

MFC的组合框(ComboBox)控件切换下拉样式

时间:2017-11-07 17:53:17      阅读:1736      评论:0      收藏:0      [点我收藏+]

标签:ack   包含   etc   ++   png   set   之间   ide   基于   

由于课题的需求需要做MFC串口程序,看了百度下载的串口助手的界面风格,发现这个设计很好

技术分享技术分享

波特率的组合框只给出了5个可选数值,然后第6个选项是Custom,即手动输入。

实际上DCB结构的BaudRate可选数值太多了,做成下拉框会很长很长,这种做法就是选用最常见的几个选项,不需要用户手动输入,也不需要在很长的列表中去选择。

技术分享

从VS的属性框中可以看到,组合框控件有3种样式,也就是实现的功能是点击Custom选项时从Drop List切换到Dropdown。

从MSDN可以看到两者对应的宏分别为CBS_DROPDOWNLIST和CBS_DROPDOWN。

参考:https://msdn.microsoft.com/en-us/library/12h9x0ch.aspx

所以我最初在想用CWnd::Modify()方法来修改样式,但是失败了,搜寻的原因时,下拉样式只能在创建的时候确定,创建之后就无法更改了。

因此合理的做法是手动Create一个一模一样的控件,然后用CWnd::ShowWindow()方法来自动切换。

-----------------------------------------------------------------------------------分割线----------------------------------------------------------------------------------

下面给出从0开始详尽的实现方法,新建一个基于MFC对话框程序(设对话框类为CComboTestDlg),手动拖一个ComboBox控件上去。设置Type和ID

技术分享

在类向导里给该控件添加CComboBox类型的关联变量,或者像下面一样手动添加:

1. 在ComboTestDlg.h中,CXXXDlg类中定义public变量

CComboBox m_cmbOld;

2. 在ComboTestDlg.cpp中,CXXXDlg::DoDataExchange()方法中添加一行关联语句

DDX_Control(pDX, IDC_COMBO_OLD, m_cmbOld);

现在在CComboTestDlg类中定义public变量m_cmbNew,但是不要修改DoDataExchange()方法,因为等下要手动创建下拉框

CComboBox m_cmbNew;

修改CComboTestDlg::OnInitDialog()方法,添加下述代码

    // 获取原来的下拉框的位置
    CRect rect;
    m_cmbOld.GetWindowRect(&rect);
    this->ScreenToClient(&rect);
    // 获取原来的下拉框的字体
    CFont* pFont = m_cmbOld.GetFont();
    // 获取原来的下拉框的样式(把Drop list改成Dropdown)
    DWORD dwStyle = m_cmbOld.GetStyle();
    dwStyle ^= CBS_DROPDOWNLIST;
    dwStyle |= CBS_DROPDOWN;
    // 创建一模一样的新下拉框
    m_cmbNew.Create(dwStyle, rect, this, IDC_COMBO_NEW);
    // 设置相同的字体
    m_cmbNew.SetFont(pFont);
    // 默认隐藏新下拉框
    m_cmbNew.ShowWindow(SW_HIDE);

上述代码里有两点要注意(也就是我踩过的坑……)

1. 坐标转换ScreenToClient,因为GetWindowRect取得的是相对整个父控件(包含标题栏)的位置,而Create需要的是相对客户区(不包括标题栏)的位置,所以需要转换;

2. GetFont和SetFont设置字体,没有这一步的话,Create创建的下拉框的字体可能会和自动创建的下拉框字体不一样。

PS:宏IDC_COMBO_NEW需要手动在resource.h中添加,注意不要和其他的宏相同,以免冲突。

技术分享

 

到此为止就只需要实现切换功能了,假设我的下拉框包含4项:cpp, java, python, custom,点击custom则切换到手动输入模式。

在ComboTestDlg.cpp中添加全局变量(列表初始化是C++11的语法)以便之后直接通过下标访问

#include <vector>

std::vector<CString> g_strText = { _T("cpp"), _T("java"), _T("python"), _T("custom") };

在CComboTestDlg::OnInitDialog()中刚才添加的代码后面继续添加初始化代码

for (size_t i = 0; i < g_strText.size(); i++)
    {    // C++11中可以用<type_traits>的std::extent<decltype(text)>::value取得text数组大小
        m_cmbOld.AddString(g_strText[i]);
        m_cmbNew.AddString(g_strText[i]);
    }
    m_cmbOld.SetCurSel(0); // 默认选择第一项("cpp")

然后分别给2个控件添加响应事件,对于默认控件m_cmbOld,可以用类向导添加相应方法

技术分享

实际上做了这几件事:

1. 在ComboTestDlg.h中,在CComboTestDlg类中添加成员函数的声明

afx_msg void OnCbnSelchangeComboOld();

2. 在ComboTestDlg.cpp中,在消息映射宏BEGIN_MESSAGE_MAP(CComboTestDlg, CDialog)和END_MESSAGE_MAP()之间添加

ON_CBN_SELCHANGE(IDC_COMBO_OLD, &CComboTestDlg::OnCbnSelchangeComboOld)

3. 在CComboTestDlg.cpp中,添加成员函数的具体定义

void CComboTestDlg::OnCbnSelchangeComboOld()
{
    // TODO: 在此添加控件通知处理程序代码
}

知道了这几点后,照葫芦画瓢,在上述3步同样的位置添加相应的代码,如果选择已有项,则会显示原来的下拉框。

afx_msg void OnCbnSelChangeComboNew();
ON_CBN_SELCHANGE(IDC_COMBO_NEW, &CComboTestDlg::OnCbnSelChangeComboNew)
void CComboTestDlg::OnCbnSelChangeComboNew()
{

}

而输入自定义数据时,则需要响应回车消息,用类向导(如下图,点击添加函数)给CComboTestDlg重载虚函数PreTranslateMessage()

技术分享

这一步实际做了这几件事:

1. 在ComboTestDlg.h中,在CComboTestDlg类中添加虚函数的声明

virtual BOOL PreTranslateMessage(MSG* pMsg);

2. 在ComboTestDlg.cpp中,添加虚函数的定义

BOOL CComboTestDlg::PreTranslateMessage(MSG* pMsg)
{
    // TODO: 在此添加专用代码和/或调用基类

    return CDialog::PreTranslateMessage(pMsg);
}

至此,框架已经搭好,现在只需要在添加的几个函数中中添加具体切换逻辑

void CComboTestDlg::OnCbnSelchangeComboOld()
{
    CString text;
    m_cmbOld.GetWindowText(text);
    if (text == _T("custom"))
    {    // 切换到手动编辑下拉框
        m_cmbOld.ShowWindow(SW_HIDE);
        m_cmbNew.ShowWindow(SW_SHOW);
        m_cmbNew.SetFocus();
    }
    else
    {
        MessageBox(text);
    }
}
void CComboTestDlg::OnCbnSelChangeComboNew()
{
    CString text;
    m_cmbNew.GetWindowText(text);
    if (text == _T("custom"))
    {    // 重新输入
        m_cmbNew.SetWindowText(_T(""));
    }
    else
    {    // 切换到原来的下拉框
        m_cmbNew.ShowWindow(SW_HIDE);
        m_cmbOld.ShowWindow(SW_SHOW);
        m_cmbOld.SetCurSel(m_cmbOld.FindString(0, text));
        MessageBox(text);
    }
}
BOOL CComboTestDlg::PreTranslateMessage(MSG* pMsg)
{
    // TODO: 在此添加专用代码和/或调用基类
    if (pMsg->message == WM_KEYDOWN)
    {
        if (pMsg->wParam == VK_RETURN)  // 回车键
        {
            if (m_cmbNew.GetFocus()) 
            {
                // 添加控件信息到列表上
                CString text;
                m_cmbNew.GetWindowText(text);
                int nSelect = m_cmbNew.FindString(0, text);
                if (nSelect == -1)
                {    // 若列表项中不存在则添加控件信息到下拉框中
                    g_strText.push_back(text);
                    m_cmbOld.AddString(text);
                    m_cmbNew.AddString(text);
                }
                else
                {    // 若已存在则显示原来的下拉框并定位到该列表项下
                    m_cmbNew.ShowWindow(SW_HIDE);
                    m_cmbOld.ShowWindow(SW_SHOW);
                    m_cmbOld.SetCurSel(nSelect);
                }
                MessageBox(text);
            }
        }
    }

    return CDialog::PreTranslateMessage(pMsg);
}

至此功能完成,可以根据实际需求把一些代码进行封装,毕竟MFC对API封装得都很浅。

功能具体描述如下

1. 初始对话框,显示的是Drop List类型的组合框。

2. 选中custom以外的列表项时,会弹出窗口显示该列表项的文本。

3. 选中custom时,会进入编辑模式,下拉框变成Dropdown类型。

4. 编辑完后按回车,如果文本已经在列表项中,则会弹出窗口显示该文本然后组合框变回Drop List类型,否则把输入文本添加到列表项末尾。

5. 组合框是Dropdown类型时,若选择了custom之外的列表项,组合框会便会Drop List类型。

 

MFC的组合框(ComboBox)控件切换下拉样式

标签:ack   包含   etc   ++   png   set   之间   ide   基于   

原文地址:http://www.cnblogs.com/Harley-Quinn/p/7798815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!