如何更改CTabCtrl选项卡颜色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何更改CTabCtrl选项卡颜色?相关的知识,希望对你有一定的参考价值。

你好,新年快乐,(可以说直到周四)

我正在尝试更改CTabCtrl类中选项卡的颜色。我正在尝试创建自己的ReskinCTablCtrl,以便我可以在单独的类中调用它,并在整个程序中轻松使用它。

目前我能够改变CTabCtrl的背景颜色,但我无法修改标签本身。

我使用ON_WM_ERASEBKGND()绘制背景,它没有问题:

BOOL ReskinCTabCtrl::OnEraseBkgnd(CDC* pDC)
{
    CRect rect;
    GetClientRect(&rect);
    CBrush myBrush(RGB(51, 51, 51));    // dialog background color
    BOOL bRes = pDC->PatBlt(0, 0, rect.Width(), rect.Height(), PATCOPY);
    pDC->SetBkColor(RGB(51, 51, 51));
    pDC->FillRect(&rect, &myBrush);
    return bRes;
}

但是,我一直不知道更改标签颜色本身。它们仍然是默认的MFC颜色。我试图实现ON_WM_PAINT()ON_WM_DRAWITEM()没有任何成功。我想我可以使用OnDraw和DrawItem来获取特定的tab rect,类似于我在这个问题的最后发布的第二个链接示例。

void ReskinCTabCtrl::OnPaint() {

    ...

    // paint the tabs first and then the borders
    int nTab = GetItemCount();
    int nSel = GetCurSel();

    if (!nTab) // no pages added
        return;

    while (nTab--)
    {
        if (nTab != nSel)
        {
            dis.itemID = nTab;
            dis.itemState = 0;

            VERIFY(GetItemRect(nTab, &dis.rcItem));

            dis.rcItem.bottom -= 2;
            DrawItem(&dis);
            DrawItemBorder(&dis);
        }
    }

    ...

}

我真的很感激至少有一些方向来解决这个问题,也许还有一些例子或我应该关注的方法。我不需要标签是不同的颜色,也许有一个简单的方法来做到这一点?

我一直试图遵循以下链接的一些例子,但我仍然无法找到正确的方法来做到这一点。

https://support.microsoft.com/en-us/help/179909/how-to-change-the-background-color-of-a-tab-control

https://www.codeproject.com/Articles/1786/Ownerdraw-Tab-Controls-Borders-and-All

答案

在资源编辑器中启用OwnerDraw以进行选项卡控件,或在TCS_OWNERDRAWFIXED中设置OnInitDialog

CTabCtrlWM_DRAWITEM的消息反映,因此我们不想从父类重写WM_DRAWITEM / OnDrawItem。而是覆盖在CTabCtrl::DrawItem(LPDRAWITEMSTRUCT)

不幸的是,结果相当丑陋。这有点像在按钮中覆盖DrawItem

如果可用并启用了视觉样式,则可以覆盖CTabCtrl::OnPaint并手动绘制所有内容。例:

void CMyTabCtrl::OnPaint()
{
    CPaintDC dc(this);

    dc.SelectObject(GetFont());

    CPen pen, pen_active;
    COLORREF color_off = RGB(240, 240, 240);
    COLORREF color_active = RGB(200, 240, 240);
    CBrush brush_off, brush_active;
    brush_off.CreateSolidBrush(color_off);
    brush_active.CreateSolidBrush(color_active);
    pen.CreatePen(PS_SOLID, 1, RGB(200, 200, 200));
    pen_active.CreatePen(PS_SOLID, 1, color_active);

    CRect rcitem;
    GetItemRect(0, &rcitem);

    CRect rc;
    GetClientRect(&rc);
    rc.bottom = rcitem.bottom;
    dc.FillSolidRect(&rc, GetSysColor(COLOR_3DFACE));

    GetClientRect(&rc);
    rc.top = rcitem.bottom - 1;
    dc.SelectObject(&pen);
    dc.SelectObject(&brush_active);
    dc.Rectangle(&rc);

    for(int i = 0; i < GetItemCount(); i++)
    {
        dc.SelectObject(&pen);
        if(i == GetCurSel())
        {
            dc.SelectObject(&brush_active);
            dc.SetBkColor(color_active);
        }
        else
        {
            dc.SelectObject(&brush_off);
            dc.SetBkColor(color_off);
        }

        GetItemRect(i, &rcitem);
        rcitem.right++;
        dc.Rectangle(&rcitem);

        if(i == GetCurSel())
        {
            dc.SelectObject(pen_active);
            dc.MoveTo(rcitem.left+1, rcitem.bottom - 1);
            dc.LineTo(rcitem.right, rcitem.bottom - 1);
        }

        TCITEM item = { 0 };
        wchar_t buf[32];
        item.pszText = buf;
        item.cchTextMax = 32;
        item.mask = TCIF_TEXT;
        GetItem(i, &item);
        dc.DrawText(buf, &rcitem, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
    }
}

BOOL CMyTabCtrl::OnEraseBkgnd(CDC*)
{
    return TRUE;
}

enter image description here

以上是关于如何更改CTabCtrl选项卡颜色?的主要内容,如果未能解决你的问题,请参考以下文章

在 CTabCtrl 中,我可以在运行时更改选项卡的图标吗

使 MFC CTabCtrl 不使用绘图选项卡的完整控件宽度

使用PageChangeListener动态更改选项卡图标的颜色

选项卡颜色变化

如何使用 Android 代码中的 TabLayout 更改选定的选项卡文本颜色?

如何调整 CTabCtrl 的大小以适合其内容