0
点赞
收藏
分享

微信扫一扫

改变CTabCtrl控件字体颜色与背景 含实例vs2019

f12b11374cba 2022-05-03 阅读 81
mfcc++
	由于CTabCtrl控件的tab切换当前选中tab很不明显,在网上查了很多资料,没有发现特别适合而且说得明白的教程,所以参考官方文档自己写了一个派生类
1、建立派生类,派生于CTabCtrl
class CTabCtrlEx : public CTabCtrl
{
public:
	CTabCtrlEx();   // 标准构造函数
	virtual ~CTabCtrlEx();
	//接受响应消息
	DECLARE_MESSAGE_MAP()
	virtual void PreSubclassWindow();
	//改变tab全局背景色
	BOOL OnEraseBkgnd(CDC* pDC);
	//改变tab头背景颜色、字体背景色、字体颜色
	virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);
};
   2、cpp中实现的时候,需要响应两个消息分别是:ON_WM_ERASEBKGND()、ON_WM_DRAWITEM()
BEGIN_MESSAGE_MAP(CTabCtrlEx, CTabCtrl)
    ON_WM_ERASEBKGND()
    ON_WM_DRAWITEM()
END_MESSAGE_MAP()
  3、特别注意,PreSubclassWindow里面需要设置空间的一个类,来让它响应咱们设置的消息
void CTabCtrlEx::PreSubclassWindow()
{
    // TODO: 在此添加专用代码和/或调用基类
    ModifyStyle(0, TCS_OWNERDRAWFIXED);
    CTabCtrl::PreSubclassWindow();
}
  4、我没有改变tab整个页面背景的需求,所以此处我没有实现,代码注释掉了
BOOL CTabCtrlEx::OnEraseBkgnd(CDC* pDC)
{
   /* CBrush br(RGB(255, 0, 0));
    CRect rc;
    GetClientRect(rc);
    pDC->FillRect(rc, &br);*/
    return true;
}
   5、咱们看看tab头的背景及颜色设置,我的需求是突出选中tab,所以这块我加了限定:if (lpDrawItemStruct->itemID != GetCurSel()),不加限定是修改所有tab头的颜色。
void CTabCtrlEx::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    //创建画刷
    CBrush      cbr;
    cbr.CreateSolidBrush(RGB(228, 229, 231));
  
    获取选项卡文字内容
    char        szTabText[100];
    TC_ITEM     tci;
    memset(szTabText, '\0', sizeof(szTabText));
    tci.mask = TCIF_TEXT;
    tci.pszText = szTabText;
    tci.cchTextMax = sizeof(szTabText) - 1;
    GetItem(lpDrawItemStruct->itemID, &tci);
    //填充选项卡背景
    CDC* dc = CDC::FromHandle(lpDrawItemStruct->hDC);
    dc->FillRect(&lpDrawItemStruct->rcItem, &cbr);
    dc->SetBkColor(RGB(228, 229, 231));
    //当前选中
    if (lpDrawItemStruct->itemID != GetCurSel())
    {
        //绘制选项卡文字
        dc->SetTextColor(RGB(0, 0, 0));
    }
    else
    {
        //绘制选项卡文字
        dc->SetTextColor(RGB(255, 0, 0));
    }
    
    RECT rc;
    rc = lpDrawItemStruct->rcItem;
    rc.top += 3;
    dc->DrawText(tci.pszText, lstrlen(tci.pszText), &rc, DT_CENTER);
}

   6、最终效果:

在这里插入图片描述

实例下载:https://download.csdn.net/download/shenhch/85271088

举报

相关推荐

0 条评论