【自绘ComboBox】带图标的ComboBox

最新推荐文章于 2022-03-06 21:58:04 发布
最新推荐文章于 2022-03-06 21:58:04 发布
阅读量5.3k 收藏 13
点赞数
分类专栏： MFC控件自绘 文章标签： mfc自绘控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hisinwang/article/details/45787085
版权

示例图片：

这里写图片描述

这里写图片描述

下载

源码下载
示例程序下载

源码共包含两个文件：
1. ComboBoxXI.h
2. ComboBoxXI.cpp

使用说明

提供的接口

void SetImageList(CImageList* pImageList);
CImageList* GetImageList() const;
int GetItemImage(int nIndex);
int SetItemImage(int nIndex, int nImageIndex, BOOL bRepaint = TRUE);

int AddString(LPCTSTR lpszString, int nImageIndex = -1);
int DeleteString(UINT nIndex);
int InsertString(int nIndex, LPCTSTR lpszString, int nImageIndex);
void ResetContent();

DWORD_PTR GetItemData(int nIndex) const;
int SetItemData(int nIndex, DWORD_PTR dwItemData);
void* GetItemDataPtr(int nIndex) const;
int SetItemDataPtr(int nIndex, void* pData);

使用方法:

Owner Draw — Variable
Has Strings — True

CComboBoxXI m_combo1;
CImageList  m_imglist1;
m_imglist1.Create(32, 32, ILC_COLOR32 | ILC_MASK, 2, 1);
m_imglist1.Add(AfxGetApp()->LoadIcon(IDI_ICON1));
m_imglist1.Add(AfxGetApp()->LoadIcon(IDI_ICON2));

m_combo1.SetImageList(&m_imglist1);
m_combo1.AddString("123", 0);
m_combo1.AddString("456", 1);
m_combo1.SetCurSel(1);

注意事项:

1、对于DropList，在MeasureItem中确定了EditCtrl的高度，对于DropDown和Simple则采用默认的高度。
2、SetItemHeight，第一项传-1表明设置的是EditCtrl的高度
3、DrawItem中，

if (lpDrawItemStruct->itemID == -1)
{
    return;
}

的作用是，如果当前没有选中任何项，则不在EditCtrl中绘制。

源码

[ComboBoxXI.h]

#pragma once

// CComboBoxXI
class CComboBoxXI : public CComboBox
{
    DECLARE_DYNAMIC(CComboBoxXI)

public:
    CComboBoxXI();
    virtual ~CComboBoxXI();

    void SetImageList(CImageList* pImageList);
    CImageList* GetImageList() const;
    int GetItemImage(int nIndex);
    int SetItemImage(int nIndex, int nImageIndex, BOOL bRepaint = TRUE);

    int AddString(LPCTSTR lpszString, int nImageIndex = -1);
    int DeleteString(UINT nIndex);
    int InsertString(int nIndex, LPCTSTR lpszString, int nImageIndex);
    void ResetContent();

    DWORD_PTR GetItemData(int nIndex) const;
    int SetItemData(int nIndex, DWORD_PTR dwItemData);
    void* GetItemDataPtr(int nIndex) const;
    int SetItemDataPtr(int nIndex, void* pData);

protected:
    virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);
    virtual void MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct);

    DECLARE_MESSAGE_MAP()

private:
    // 关联的CImageList
    CImageList *m_pImageList;
    CSize      m_imageSize;

    // EditCtrl的高度
    unsigned int  m_nEditHeight;

    // 是否是DropList:
    // -1(待定,未检测), 1(Yes), 0(No)
    // 只对DropList设置EditCtrl的高度,对DropDown和Simple则采用默认高度
    int m_iIsDropList;

    struct CBDataXI
    {
        // 图像序号,如果为-1,则表示无图像
        int iImageIndex;

        // 关联数据的指针
        LPVOID pData;

        CBDataXI()
        {
            iImageIndex = -1;
            pData = NULL;
        }
    };

    void DeleteItemData(int nIndex);
};

[ComboBoxXI.cpp]

/**********************************************************
 ComboBoxXI.cpp : implementation file
 Written by WangYao (wangyao1052@163.com)
 Version: V1.0 2014-06-07
**********************************************************/

#include "stdafx.h"
#include "ComboBoxXI.h"

#define CBXI_CX_BORDER   2
#define CBXI_CY_BORDER   2

// CComboBoxXI

IMPLEMENT_DYNAMIC(CComboBoxXI, CComboBox)

CComboBoxXI::CComboBoxXI()
{
    m_pImageList = NULL;
    m_imageSize.cx = 0;
    m_imageSize.cy = 0;
    m_nEditHeight = 0;
    m_iIsDropList = -1;
}

CComboBoxXI::~CComboBoxXI()
{
}

//---------------------------------------------------------
// 函数: SetImageList
// 功能: 设置关联的ImageList
// 参数: 
//       pImageList --- ImageList的指针
// 返回: 无
//---------------------------------------------------------
void CComboBoxXI::SetImageList(CImageList* pImageList)
{
    m_pImageList = pImageList;
    if (m_pImageList)
    {
        int cx;
        int cy;
        ImageList_GetIconSize(*m_pImageList, &cx, &cy);
        m_imageSize.cx = cx;
        m_imageSize.cy = cy;
    }
    else
    {
        m_imageSize.cx = 0;
        m_imageSize.cy = 0;
    }

    Invalidate();
}

//---------------------------------------------------------
// 函数: GetImageList
// 功能: 获取关联ImageList的指针
// 参数: 无
// 返回: 关联ImageList的指针,若没有关联ImageList返回NULL
//---------------------------------------------------------
CImageList* CComboBoxXI::GetImageList() const
{
    return m_pImageList;
}

//---------------------------------------------------------
// 函数: GetItemImage
// 功能: 获取项的图片索引
// 参数: 
//       nIndex  --- 项索引(以0为起点)
// 返回:
//       以0为起始的图片序号
//       若存在错误,如nIndex超出范围,返回-1
//       若组合框项没有关联图片则返回-1
//---------------------------------------------------------
int CComboBoxXI::GetItemImage(int nIndex)
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemData(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return -1;
    }

    return pCBData->iImageIndex;
}

//---------------------------------------------------------
// 函数: SetItemImage
// 功能: 设置项的图片索引
// 参数: 
//       nIndex      --- 项索引(以0为起点)
//       nImageIndex --- 图片索引(以0为起点)
//       bRepaint    --- 是否重绘
// 返回:
//       成功返回0,失败返回-1
//---------------------------------------------------------
int CComboBoxXI::SetItemImage(int nIndex, int nImageIndex, BOOL bRepaint)
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemData(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return -1;
    }
    pCBData->iImageIndex = nImageIndex;

    if (bRepaint)
    {
        Invalidate();
    }

    return 0;
}

//---------------------------------------------------------
// 函数: AddString
// 功能: 添加项
// 参数: lpszString  --- 字符串指针
//        nImageIndex --- 图片索引(以0为起点)
// 返回: 新增项的索引值
//        失败则返回CB_ERR或CB_ERRSPACE
//---------------------------------------------------------
int CComboBoxXI::AddString(LPCTSTR lpszString, int nImageIndex)
{
    int nIndex = CComboBox::AddString(lpszString);
    if (nIndex != CB_ERR && nIndex != CB_ERRSPACE)
    {
        CBDataXI *pData = new CBDataXI();
        pData->iImageIndex = nImageIndex;
        pData->pData = NULL;
        CComboBox::SetItemData(nIndex, (DWORD_PTR)pData);
    }

    return nIndex;
}

//---------------------------------------------------------
// 函数: InsertString
// 功能: 在指定位置插入项
// 参数: 
//       nIndex      --- 指定位置
//       lpszString  --- 字符串指针
//       nImageIndex --- 图片索引(以0为起点)
// 返回: 
//       插入项索引值
//       失败则返回CB_ERR或CB_ERRSPACE
//---------------------------------------------------------
int CComboBoxXI::InsertString(int nIndex, LPCTSTR lpszString, int nImageIndex)
{
    int nRet = CComboBox::InsertString(nIndex, lpszString);
    if (nRet != CB_ERR && nRet != CB_ERRSPACE)
    {
        CBDataXI *pData = new CBDataXI();
        pData->iImageIndex = nImageIndex;
        pData->pData = NULL;
        CComboBox::SetItemData(nIndex, (DWORD_PTR)pData);
    }

    return nRet;
}

//---------------------------------------------------------
// 函数: DeleteString
// 功能: 删除项
// 参数: 
//       nIndex  --- 索引
// 返回: 
//       成功则返回当前还剩的项数
//       失败则返回CB_ERR
//---------------------------------------------------------
int CComboBoxXI::DeleteString(UINT nIndex)
{
    DeleteItemData(nIndex);

    return CComboBox::DeleteString(nIndex);
}

//---------------------------------------------------------
// 函数: ResetContent
// 功能: 清空内容
//---------------------------------------------------------
void CComboBoxXI::ResetContent()
{
    int nCnt = CComboBox::GetCount();
    for (int i = 0; i < nCnt; ++i)
    {
        DeleteItemData(i);
    }

    CComboBox::ResetContent();
}

//---------------------------------------------------------
// 函数: GetItemData
// 功能: 获取项关联的数据
// 参数:
//       nIndex --- 索引
// 返回:
//       关联的数据,失败则返回CB_ERR
//---------------------------------------------------------
DWORD_PTR CComboBoxXI::GetItemData(int nIndex) const
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemData(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return CB_ERR;
    }

    return (DWORD_PTR)pCBData->pData;
}

//---------------------------------------------------------
// 函数: SetItemData
// 功能: 设置项关联的数据
// 参数:
//       nIndex     --- 索引
//       dwItemData --- 关联的数据 
// 返回:
//       成功返回CB_OKAY, 失败返回CB_ERR
//---------------------------------------------------------
int CComboBoxXI::SetItemData(int nIndex, DWORD_PTR dwItemData)
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemData(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return CB_ERR;
    }

    pCBData->pData = (LPVOID)dwItemData;
    return CB_OKAY;
}

//---------------------------------------------------------
// 函数: GetItemDataPtr
// 功能: 获取项关联的数据
// 参数:
//       nIndex --- 索引
// 返回:
//       关联的数据,失败则返回CB_ERR
//---------------------------------------------------------
void* CComboBoxXI::GetItemDataPtr(int nIndex) const
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemDataPtr(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return (void*)CB_ERR;
    }

    return pCBData->pData;
}

//---------------------------------------------------------
// 函数: SetItemDataPtr
// 功能: 设置项关联的数据
// 参数:
//       nIndex --- 索引
//       pData  --- 关联的数据
// 返回:
//       成功返回CB_OKAY, 失败则返回CB_ERR
//---------------------------------------------------------
int CComboBoxXI::SetItemDataPtr(int nIndex, void* pData)
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemDataPtr(nIndex);
    if (pCBData == (CBDataXI*)CB_ERR || pCBData == NULL)
    {
        return CB_ERR;
    }

    pCBData->pData = pData;
    return CB_OKAY;
}

void CComboBoxXI::DeleteItemData(int nIndex)
{
    CBDataXI* pCBData = (CBDataXI*)CComboBox::GetItemData(nIndex);
    if (pCBData != (CBDataXI*)CB_ERR)
    {
        delete pCBData;
        CComboBox::SetItemData(nIndex, (DWORD_PTR)NULL);
    }
}

void CComboBoxXI::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    if (lpDrawItemStruct->itemID == -1)
    {
        return;
    }

    CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
    pDC->SetBkMode(TRANSPARENT);
    RECT& rcItem = lpDrawItemStruct->rcItem;

    CString cstrItemText;
    CComboBox::GetLBText(lpDrawItemStruct->itemID, cstrItemText);

    CBDataXI* pData = (CBDataXI*)CComboBox::GetItemDataPtr(lpDrawItemStruct->itemID);
    if (NULL == pData)
    {
        return;
    }

    // 是否处于选中状态
    BOOL bIsSelected = (lpDrawItemStruct->itemAction | ODA_SELECT) 
        && (lpDrawItemStruct->itemState & ODS_SELECTED);

    // 是否处于焦点状态
    BOOL bIsFocused = (lpDrawItemStruct->itemAction | ODA_FOCUS) 
        && (lpDrawItemStruct->itemState & ODS_FOCUS);

    // 绘制背景
    if (bIsSelected)
    {
        COLORREF oldColor = pDC->GetBkColor();
        pDC->FillSolidRect(&rcItem, ::GetSysColor(COLOR_HIGHLIGHT));
        pDC->SetBkColor(oldColor);
    }
    else
    {
        pDC->FillSolidRect(&rcItem, pDC->GetBkColor());
    }

    // 绘制ICON
    CRect rcIcon(rcItem.left, rcItem.top, rcItem.left, rcItem.top);
    if (m_pImageList)
    {
        HICON hIcon = m_pImageList->ExtractIcon(pData->iImageIndex);
        if (hIcon)
        {
            rcIcon.right = rcItem.left + m_imageSize.cx + 2 * CBXI_CX_BORDER;
            rcIcon.bottom = rcItem.top + m_imageSize.cy + 2 * CBXI_CY_BORDER;

            CPoint pos(rcIcon.left + CBXI_CX_BORDER, rcIcon.top + CBXI_CY_BORDER);
            pDC->DrawState(pos, m_imageSize, hIcon, DSS_NORMAL, (CBrush*)NULL);
            ::DestroyIcon(hIcon);
        }
    }

    // 绘制Text
    if (bIsSelected)
    {
        pDC->SetTextColor(::GetSysColor(COLOR_HIGHLIGHTTEXT));
    }
    else
    {
        pDC->SetTextColor(::GetSysColor(COLOR_WINDOWTEXT));
    }
    CRect rcText(rcItem);
    rcText.left = rcIcon.right;
    rcText.top = rcIcon.top;
    pDC->DrawText(cstrItemText, rcText, DT_LEFT | DT_VCENTER | DT_SINGLELINE | DT_WORDBREAK);
}

void CComboBoxXI::MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct)
{
    CDC *pDC = GetDC();
    LPCTSTR lpszText = (LPCTSTR)lpMeasureItemStruct->itemData;
    CSize szText = pDC->GetTextExtent(lpszText);
    ReleaseDC(pDC);

    lpMeasureItemStruct->itemHeight = 
        szText.cy > m_imageSize.cy + 2 * CBXI_CY_BORDER ? szText.cy :  m_imageSize.cy + 2 * CBXI_CY_BORDER;

    // 检测是否是DropList
    if (-1 == m_iIsDropList)
    {
        DWORD dwStyle = GetStyle();
        if (DWORD(CBS_DROPDOWNLIST & dwStyle) == (DWORD)CBS_DROPDOWNLIST)
        {
            m_iIsDropList = 1;
        }
        else
        {
            m_iIsDropList = 0;
        }
    }

    // 设置EditCtrl的高度
    if (m_iIsDropList == 1 && lpMeasureItemStruct->itemHeight > m_nEditHeight)
    {
        m_nEditHeight = lpMeasureItemStruct->itemHeight;
        SetItemHeight(-1, m_nEditHeight);
    }
}

BEGIN_MESSAGE_MAP(CComboBoxXI, CComboBox)
END_MESSAGE_MAP()

// CComboBoxXI message handlers
HisinWang
关注
专栏目录
MFC-自绘控件（CComboBox篇）
kapher1的博客
01-21 1475
MFC-自绘控件（CComboBox篇）MFC（CComboBox）简单自绘注意事项代码 MFC（CComboBox）简单自绘 使用CComboBox实现自绘下拉框，内容包含文字和图形。 注意事项 对话框控件属性Behavior/Owner Draw 设为Variable 代码 // 自绘 void DrawItem(LPDRAWITEMSTRUCT lpDIS) { CDC dc; dc.Attach(lpDIS->hDC); CRect rect(lpDIS->rcItem); in
一个扩展的CComboBox 下拉框 自绘 美化
09-28
一个扩展的CComboBox 下拉框 自绘 美化 MFC源码 适合于新手学习参考。 “我是为了实现50个字的要求额外补充的。我是为了实现50个字的要求额外补充的。我是为了实现50个字的要求额外补充的。”
VC++ CComboBox自绘
老狼的专栏
01-09 1200
头文件定义（CSWComboBox.h）： #pragma once class AFX_CLASS_EXPORT CSWComboBox : public CComboBox { DECLARE_DYNAMIC(CSWComboBox) public: CSWComboBox(); ~CSWComboBox(); private: // 初始化 void CommonCo...
MFC 自绘ComboBox
HLW0522的博客
08-28 4001
效果图： .h文件 #pragma once #include"stdafx.h" class CComboBoxXI : public CComboBox { DECLARE_DYNAMIC(CComboBoxXI) public: CComboBoxXI(); virtual ~CComboBoxXI(); void SetImageList(CImageList*
CComboBox自绘
11-15
CComboBox自绘的实现，以此为基础画出自己的控件。实现自己的需求
关于CComboBox的自绘
sunliangyuan的专栏
11-18 3706
我想,如果大家学过一些控件的自绘的话,CComboBox算是很难的一种了.首先是它本身的复杂度:它由三个控件组成(CEdit,CListBox,CButton).我想但就CEdit来讲,就够你受得了.还要想想他们之间的消息传递....不禁让人无从下手. 当然,如果想要让我自己来完全自绘控件的话,我告诉你,我确实也办不到.我想我还没有能力做这样的事情.但是对于CComboBox如果想要一些简单的效
mfc中自绘ComboBox控件的美化有输入的历史记录
09-26
本项目中，我们讨论的就是如何在MFC中对ComboBox控件进行自绘美化，包括改变边框颜色、替换右侧下拉按钮的图片，以及保存和显示输入历史记录。 1. 自绘ComboBox控件： 自绘意味着我们需要重写MFC中的CComboBox类，...
带图标的ComboBox，C#美化的ComboBox控件下拉框
05-09
摘要:C#源码,控件类库,ComboBox,下拉框　C#美化的ComboBox控件下拉框，在ComboBox控件下拉框的下拉列表的每一项中增加一个图标，图文结合的ComboBox，大大增加其可视性和用户体验，让程序使用起来更专业，那么这种...
ComboBox 自绘
08-11
"ComboBox 自绘"是指开发者通过重写ComboBox控件的绘图函数，实现自定义绘制控件的外观和行为，以满足特殊设计需求或实现独特的视觉效果。 在C++编程环境下，自绘ComboBox通常涉及到以下几个关键知识点： 1. **...
VC自绘CComboBox实现ComboBox的换肤
12-10
VC自绘CComboBox实现ComboBox的换肤等
自绘CComboBox
09-29
自绘了CComboBox,给了一点效果，和下拉框ListBox的选中颜色修改。
VC++ CComboBox自绘（颜色下拉列表框）
老狼的专栏
01-11 3496
使用前，请将控件的Style属性设置为DropdownList（下拉列表），OwnerDraw设置为Fixed，HasStrings设置为TRUE，效果图如下： 头文件声明（CSWColorComboBox.h）： #pragma once #include "afxwin.h" #include <afxcmn.h> class CSWColorComboBox : ...
CComboBox自绘控件的简单实现
_Santiago的博客
03-06 1663
CComboBox在实际使用中需要改变列表中某项的背景色，文本的颜色等等，这些可以通过对CComboBox进行自绘进行实现，实现效果如下图所示。本文简单的描述了这个过程。 1 自绘控件属性设置 在对话框中拖入一个CComboBox控件，设置其属性： type为下拉列表； Owner Draw为fixed； Has Strings为TRUE。 这里特别强调下Has Strings，这是针对自绘CComboBox控件设置的，如果自绘控件具有Has Strings属性，那么控件本身就可以维护一个内存和指针列
Combobox的简单自绘实现
tianminghahaha的专栏
04-28 5766
#pragma once class CCustomComboBox:public CComboBox{ DECLARE_MESSAGE_MAP(); DECLARE_DYNAMIC(CCustomComboBox); public: CCustomComboBox(); ~CCustomComboBox(); void setItemBkColor(const COLORREF&
自绘CComboBox控件的使用
WZZZ123的专栏
07-17 642
一、在控件编辑窗口修改Combobox控件的属性： type为DropDown或Drop List Owner Draw为Fixed Has Strings为True 二、在窗口的初始化是调用SetDeleteIcon（）函数，设置删除图标 经过这样的修改后得到的控件就可以再使用时动态删除Item了
wpf ComboBox添加图标
最新发布
04-28
要在 WPF ComboBox 中添加图标，可以使用 ComboBox 的 ItemTemplate 属性来定义每个选项的显示方式。 以下是一个简单的示例，演示如何在 ComboBox 中显示图标： ```xaml <ComboBox> <ComboBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Horizontal"> <Image Source="{Binding Icon}" Width="16" Height="16" Margin="0,0,5,0" /> <TextBlock Text="{Binding DisplayName}" /> </StackPanel> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox> ``` 在这个示例中，我们使用 StackPanel 和 Image 控件来显示图标和 TextBlock 控件来显示文本。我们还为 Image 控件设置了宽度、高度和边距，以便图标与文本对齐。 请注意，我们使用的是数据绑定来设置图标和文本。这意味着每个 ComboBox 选项都必须是一个对象，该对象具有 Icon 和 DisplayName 属性。你需要在代码中创建这些对象并将它们添加到 ComboBox 的 Items 集合中。 希望这可以帮助你在 WPF ComboBox 中添加图标。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值