自绘Tab控件

最新推荐文章于 2026-06-10 03:55:17 发布
原创 最新推荐文章于 2026-06-10 03:55:17 发布 · 4.3k 阅读 · 11 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
MFC

当前文章被收录于：

MFC
22 篇文章 1 人学习
订阅专栏 查看详情
VC++

当前文章被收录于：

VC++
22 篇文章 0 人学习
订阅专栏 查看详情

自绘tab按钮效果图如下：

 

使用例子：

MyTabControl *tabControl = NULL;

tabControl = new MyTabControl();
tabControl->Create(this, CRect(0,0,125,27), L"花生", ID_BTN_MYTAB);
tabControl->SetTabIndex(index);

tabControl->SetShowText(L"花生");

tabControl->SetTabState(TAB_STATE_DOWN);

tabControl->SetToolTipText(L"花生");

头文件：

#pragma once
#include "LhsButton.h"

// MyTabControl

#define ID_BTN_MYTAB_CLOSE	2100			//关闭按钮的id
#define MYWM_BTN_TAB_CLOSE WM_USER+2001		//关闭按钮单击响应
#define MYWM_BTN_TAB_CLICK WM_USER+2002		//tab按钮单击

//tab按钮的状态
enum TabState
{
	TAB_STATE_NOR			= 0,
	TAB_STATE_DOWN			= 1,
};
class MyTabControl : public CWnd
{
	DECLARE_DYNAMIC(MyTabControl)

public:
	MyTabControl();
	virtual ~MyTabControl();

	 bool Create(CWnd* pParent,CRect rc,CString text,DWORD id = 0,DWORD style = WS_VISIBLE|WS_CHILD);  

	DECLARE_MESSAGE_MAP()

public:
	void SetShowText(CString strShowText);

protected:
	CString szClassName;  
	bool m_isMouseHover;		//鼠标是否悬浮
	bool m_isMouseClicked;		//鼠标是否单击
	CString m_strShowText;		//要显示的文字
	CString m_strTabText;		//绘制在tab按钮下的文字

	Image*						m_pImgNor;			//正常时的图片
	Image*						m_pImgHot;			//鼠标悬浮时的图片
	Image*						m_pImgDown;			//单击按下时的图片
	
	void PostClickEvent();
	afx_msg int OnCreate(LPCREATESTRUCT lpCreateStruct);
	afx_msg void OnMouseMove(UINT nFlags, CPoint point);  
	afx_msg void OnMouseHover(UINT nFlags, CPoint point);  
	afx_msg void OnMouseLeave();  
	afx_msg void OnLButtonDown(UINT nFlags, CPoint point);  
	afx_msg void OnLButtonUp(UINT nFlags, CPoint point);  
	afx_msg BOOL OnEraseBkgnd(CDC* pDC);  
	afx_msg void OnPaint();  
	afx_msg void OnSize(UINT nType, int cx, int cy);
	afx_msg LRESULT OnBtnClose(WPARAM wParam, LPARAM lParam);
	virtual BOOL PreTranslateMessage(MSG* pMsg);
public:
	void SetTabState(TabState state){m_tabState = state; Invalidate();}	//设置tab状态
	TabState GetTabState(){return m_tabState;}
	void SetToolTipText(CString spText, BOOL bActivate = TRUE);
	void SetTabIndex(int idx){m_nIndex = idx;}
	int GetTabIndex(){return m_nIndex;}
private:
	DWORD GetComfortSize(HDC hdc, DWORD dwWidth, CString &strText);
private:
	TabState m_tabState;							//tab的状态
	CLhsButton m_btnClose;							//关闭按钮
	CToolTipCtrl*	m_pToolTip;
	CString m_tooltext;
	bool m_bCenterAlign;							//是否居中对齐
	int m_nIndex;									//tab按钮的索引

public:
	afx_msg HBRUSH OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor);
};


// MyTabControl.cpp : 实现文件
//

#include "stdafx.h"
#include "../Lander_mini.h"
#include "MyTabControl.h"
#include "memdc.h"
#include "../Utility.h"
// MyTabControl

IMPLEMENT_DYNAMIC(MyTabControl, CWnd)

MyTabControl::MyTabControl()
{
	m_isMouseHover = false;  
	m_isMouseClicked = false;  
	// 注册控件类  
	szClassName = AfxRegisterWndClass(0); 
	m_pImgNor = NULL;
	m_pImgHot = NULL;
	m_pImgDown = NULL;
	m_tabState = TAB_STATE_NOR;
	m_pToolTip = NULL;
	m_bCenterAlign = false;
	m_nIndex = 0;
}

MyTabControl::~MyTabControl()
{
	SAFE_RELEASE(m_pToolTip);
	SAFE_RELEASE(m_pImgNor);
	SAFE_RELEASE(m_pImgHot);
	SAFE_RELEASE(m_pImgDown);
}


BEGIN_MESSAGE_MAP(MyTabControl, CWnd)
	ON_WM_MOUSEMOVE()  
	ON_WM_MOUSEHOVER()  // 此消息系统并不会给我们发送  
	ON_WM_MOUSELEAVE()  
	ON_WM_LBUTTONDOWN()  
	ON_WM_LBUTTONUP()  
	ON_WM_PAINT()  
	ON_WM_SIZE()
	ON_WM_ERASEBKGND()  
	ON_WM_CREATE()
	ON_MESSAGE(MYWM_BTN_CLICK, &MyTabControl::OnBtnClose)
	ON_WM_CTLCOLOR()
END_MESSAGE_MAP()

// MyTabControl 消息处理程序
bool MyTabControl::Create(CWnd* pParent,CRect rc,CString text,DWORD id /* = 0 */,DWORD style /* = WS_VISIBLE|WS_CHILD */)  
{  
	// 动态创建控件  	
	BOOL ret = CWnd::CreateEx(0, szClassName, text, style, rc, pParent, id);
	return ret ? true : false;  
}  

int MyTabControl::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
	
	//::SetWindowLong(m_hWnd, GWL_EXSTYLE, GetWindowLong(m_hWnd, GWL_EXSTYLE) ^ WS_EX_LAYERED);
	m_pImgNor = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_NOR);
	m_pImgHot = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_HOT);
	m_pImgDown = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_DOWN);
	
	RECT rc = {0, 0, 20, 20};
	m_btnClose.LoadBtnImg(_T("PNG"),IDB_PNG_TAB_CLOSE_NOR, IDB_PNG_TAB_CLOSE_HOT,IDB_PNG_TAB_CLOSE_HOT);
	m_btnClose.Create(this, rc, L"",ID_BTN_MYTAB_CLOSE);		
	m_btnClose.SetToolTipText(_T("关闭")); 		
	EnableToolTips(TRUE);
	return 0;
}

void MyTabControl::PostClickEvent()  
{  
	if (m_tabState == TAB_STATE_DOWN)
		return;		//选中的tab不响应单击了
	// 该函数用来向父窗口发送 单击 消息  
	CWnd* parent = GetParent();  
	if(parent)  
		parent->SendMessage(MYWM_BTN_TAB_CLICK,m_nIndex,0);  	
}  

void MyTabControl::OnMouseHover(UINT nFlags, CPoint point)  
{  
	// 鼠标进入  
	Invalidate();  
}  

void MyTabControl::OnMouseMove(UINT nFlags, CPoint point)
{
	// 只处理鼠标第一次进入时的情况  
	if(!m_isMouseHover)  
	{  
		m_isMouseHover = true;  

		TRACKMOUSEEVENT evt = { sizeof(evt), TME_LEAVE|TME_HOVER, m_hWnd, 0 };  
		TrackMouseEvent(&evt);  

		OnMouseHover(0,CPoint());  
	}  
}

void MyTabControl::OnMouseLeave()  
{  
	// 鼠标离开  
	m_isMouseHover = false;  
	m_isMouseClicked = false;  
	Invalidate();  
}  

void MyTabControl::OnLButtonDown(UINT nFlags, CPoint point)  
{  
	// 鼠标按下  
	m_isMouseClicked = true;  
	Invalidate();  
}  

void MyTabControl::OnLButtonUp(UINT nFlags, CPoint point)  
{  
	// 鼠标松开  
	if(m_isMouseClicked)  
	{  
		m_isMouseClicked = false;  
		Invalidate(); 
		PostClickEvent();  
	}  
}  

BOOL MyTabControl::OnEraseBkgnd(CDC* pDC)  
{  
//	return CWnd::OnEraseBkgnd(pDC);
	return TRUE;    // 阻止擦除背景，防止闪烁  
}  

void MyTabControl::OnPaint()  
{  
	CPaintDC dc(this);   
	CRect rc;  
	GetClientRect(&rc); 
	
	// 采用双缓存，防止闪烁  
	CMemDC memdc(&dc,&rc,TRUE);
	Graphics graphic(memdc);
	if (!m_pImgNor || !m_pImgHot || !m_pImgDown)
	{//没有提供按钮图片就刷下背景
		// 刷背景  
		COLORREF bkgnd = RGB(100,0,0);  
		if(m_isMouseHover)  
		{  
			if(m_isMouseClicked)  
				bkgnd = RGB(250,0,0);  
			else  
				bkgnd = RGB(180,0,0);  
		}  
		memdc.FillSolidRect(&rc,bkgnd);  
	}
	
	if (m_isMouseClicked || m_tabState == TAB_STATE_DOWN)
	{//单击一定画单击状态
		graphic.DrawImage(m_pImgDown, 0, 0, m_pImgDown->GetWidth(), m_pImgDown->GetHeight());
	}
	else if (m_isMouseHover && !m_isMouseClicked)
	{
		//悬浮,但是没单击
		graphic.DrawImage(m_pImgHot, 0, 0, m_pImgHot->GetWidth(), m_pImgHot->GetHeight());		
	}
	else
	{
		graphic.DrawImage(m_pImgNor, 0, 0, m_pImgNor->GetWidth(), m_pImgNor->GetHeight());	
	}

	if (!m_strTabText.IsEmpty())
	{
		// 设置文字字体  
		CFont font;  
		font.CreatePointFont(100,L"宋体"); // 11号字体，该参数与实际字体号有10倍的关系  
		CFont* poldFont = memdc.SelectObject(&font);  
		// 设置文字属性  
		memdc.SetBkMode(TRANSPARENT);  
		if (m_tabState == TAB_STATE_DOWN)
			memdc.SetTextColor(RGB(136,76,25));  
		else
			memdc.SetTextColor(RGB(255,245,190));  
		// 绘制文本  
		DWORD style = DT_SINGLELINE | DT_VCENTER ;   // 文本格式：单行+水平居中+垂直居中  
		//if (m_bCenterAlign)
		//	style |= DT_CENTER;
		CRect fontRect(rc);
		fontRect.left += 13;
		fontRect.right -= 22;
		memdc.DrawText(m_strTabText, -1, &fontRect, style);    // 更多文本显示格式可参考百度百科DrawText说明 
		memdc->SelectObject(poldFont);		
	}
	
	// 使绘制生效  
	graphic.ReleaseHDC(memdc);			
}  


BOOL MyTabControl::PreTranslateMessage(MSG* pMsg) 
{
	if (m_pToolTip)
	{
		if (::IsWindow(m_pToolTip->m_hWnd))
		{
			m_pToolTip->RelayEvent(pMsg);		
		}
	}

	return CWnd::PreTranslateMessage(pMsg);
}


void MyTabControl::OnSize(UINT nType, int cx, int cy) 
{
	CRect rect;
	GetClientRect(&rect);	
	m_btnClose.SetWindowPos(NULL, rect.right - 22, rect.top + 2, 20, 20, SWP_NOZORDER);
}

LRESULT MyTabControl::OnBtnClose(WPARAM wParam, LPARAM lParam)
{
	// 该函数用来向父窗口发送 单击 消息  
	CWnd* parent = GetParent();  
	if(parent != NULL)  
	{  
		parent->SendMessage(MYWM_BTN_TAB_CLOSE, m_nIndex, 0);
	}  
	return 0;
}

void MyTabControl::SetToolTipText(CString spText, BOOL bActivate)
{
	if (m_pToolTip == NULL)
	{
		m_pToolTip = new CToolTipCtrl;
		// Create ToolTip control
		m_pToolTip->Create(this);
		m_pToolTip->Activate(TRUE);
	}

	m_tooltext = spText;

	// If there is no tooltip defined then add it
	if (m_pToolTip->GetToolCount() == 0)
	{
		CRect rectBtn; 
		GetClientRect(rectBtn);
		m_pToolTip->AddTool(this, m_tooltext, rectBtn, 1);
	}

	// Set text for tooltip
	m_pToolTip->UpdateTipText(m_tooltext, this, 1);
	m_pToolTip->SetDelayTime(2000);
	m_pToolTip->Activate(bActivate);
}


DWORD MyTabControl::GetComfortSize(HDC hdc,DWORD dwWidth,CString &strText)
{
	//二分法查找
	DWORD dwComfortSize = 0;
	DWORD dwBeginSize = 0;
	DWORD dwEndSize = strText.GetLength();

	while(TRUE)
	{
		DWORD dwMiddleSize = (dwEndSize + dwBeginSize) / 2;
		if(dwMiddleSize == dwBeginSize || dwMiddleSize == dwEndSize)
		{
			//两个点之间已经没有数值可以检测，退出循环
			dwComfortSize = dwBeginSize;
			break;
		}

		SIZE sizeChk = {0};
		::GetTextExtentPoint(hdc, strText.GetBuffer(), dwMiddleSize, &sizeChk);

		if(sizeChk.cx == dwWidth)
		{
			//数值刚好合适，跳出循环
			dwComfortSize = dwMiddleSize;
			break;
		}
		else if(static_cast<DWORD>(sizeChk.cx) > dwWidth)
		{
			//重新设置边界
			dwEndSize = dwMiddleSize;
		}
		else
		{
			//重新设置边界
			dwBeginSize = dwMiddleSize;
		}

	}

	return dwComfortSize;
}

void MyTabControl::SetShowText(CString strShowText)
{
	m_strShowText = strShowText;

	CRect rect;
	GetClientRect(&rect);
	SIZE sizeEllipsis = {0};
	::GetTextExtentPoint(GetDC()->GetSafeHdc(), strShowText.GetBuffer(), lstrlen(strShowText.GetBuffer()), &sizeEllipsis);
	if (sizeEllipsis.cx  < rect.Width() - 40)
	{//显示区域够宽
		m_bCenterAlign = true;
		m_strTabText = strShowText;
		return;
	}
	memset(&sizeEllipsis,0, sizeof(sizeEllipsis));
	CString ellipsStr = _T("...");
	::GetTextExtentPoint(GetDC()->GetSafeHdc(), ellipsStr.GetBuffer(), lstrlen(ellipsStr.GetBuffer()), &sizeEllipsis);
	DWORD dwMaxDisp = GetComfortSize(GetDC()->GetSafeHdc(), rect.Width() - sizeEllipsis.cx - 20, strShowText);
	if (dwMaxDisp >= strShowText.GetLength())
	{
		m_strTabText = strShowText;
	}
	else
	{
		m_strTabText = m_strShowText.Left(dwMaxDisp);
		m_strTabText += ellipsStr;		
	}	

}



HBRUSH MyTabControl::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
	HBRUSH hbr = CWnd::OnCtlColor(pDC, pWnd, nCtlColor);

	// TODO:  在此更改 DC 的任何属性
//	m_btnClose.SetBkGnd(pDC);
	// TODO:  如果默认的不是所需画笔，则返回另一个画笔
	return hbr;
}

//内存DC类和按钮类见链接： 点击打开链接



MFC——仿TabCtrl实现多页显示
军说网事
10-13 4380
在MFC中有自带的TabCtrl可以实现多页，但是那个标签放在上面，不太美观，并且字体格式也比较固定，当然这个标签头是可以重绘的。
VC6下带图标的自绘Tab标签页控件源码包（含完整可运行工程）
最新发布
tree8的博客
06-10 200
这个资源包提供了一个在Visual C++ 6.0环境下可直接编译运行的标签页控件演示工程，核心功能是实现顶部带小图标的Tab按钮，支持鼠标悬停变色、当前选中高亮等基础交互反馈。所有代码基于标准MFC对话框结构编写，不依赖ATL/WTL等高版本扩展库，兼容性好，适合VC6初学者上手学习。关键类EnTabCtrl负责图标加载与文字+图标混合绘制逻辑，BaseTabCtrl封装OwnerDraw模式下的通用绘制框架；TabControlDlg为界面主窗口，通过WM_DRAWITEM消息响应完成自定义重绘。图标资
MyTableControl.zip_CTabCtrl背景色_MFC tab 动态_自绘 tab_自绘CWnd_自适应
07-15
MFC程序，从Cwnd派生，自绘CTabCtrl， 可以任意设置颜色，字体，Tab标签位置，动态切换字体，背景色，标签大小和位置，动态添加、删除Tab标签。
MFC实现TabCtrl
09-23
MFC实现TabCtrl
MFC 自绘标题栏和tab control简单思路
ToneChip的专栏,一个传统的嵌入式码农,裸机编程
06-29 3196
MFC 的UI太丑,决定自己自绘的方式来做i标题栏和tab下面是效果 思路就是在客户区自己画矩形和给写上标题文字就行了
MFC中自绘Tab Control 和Button Control
qq_15522447的博客
03-07 4387
    按照惯例，先上效果图：     最终想要的界面效果如图中所示，整个对话框背景颜色可变，Tab选项卡背景颜色可变，Button的背景颜色可变。实际上Tab control包含四部分：标签、标签文字、标签文字背景、选项卡背景，四部分的颜色均可DIY。对于Button，同理。但对于两种控件，要想DIY控件背景颜色，相同点是必须开“自绘属性”，不同点是自绘的方式不同，所谓殊途同归。可在重绘两种控件...
MFC高级-重绘tab控件
weixin_43929181的博客
03-27 1854
初学者小白，今天要探讨的是tab控件的重绘， tab控件包含三部分，标签（标签背景色，标签字体（字体又分为高度啊，字体类型啊，字体颜色啊等等）），tab页，还有整个的背景颜色三部分，网上东西过于繁杂，因此小白这里整理了一些必要的，外加一些讲解，给更多人解疑同时和大家一起讨论。 1.勾选固定所有者文本，意在告诉计算机，我们将自己创建一个tab类，并且使用 2.使用类向导功能，我们自己创建一个子类Mytab，继承tab类 3. 使用类向导功能，重写虚函数DrawItem（绘制标签和tab页）和添加消息处理函
MFC 自绘控件实现 竖排TAB sheet控件
gitblog_06746的博客
05-03 472
MFC 自绘控件实现 竖排TAB sheet控件 去发现同类优质开源项目:https://gitcode.com/ 本资源文件提供了一个MFC自绘控件的实现，该控件实现了竖排Tab选择功能，并支持添加图标，适用于需要在界面中实现竖向Tab布局的开发者。 资源描述 MFC自带的TabSheet控件默认是横排按钮在上面的布局。本资源中的自绘控件，则是在左侧实现竖排Tab选择，为开发者提供了更灵活的界面...
自绘 tab 控件
FISH 的专栏
09-06 2981
基本思路是 处理OnPaint()消息。在OnPaint中绘制客户端的区域，然后绘制每个Item。由于标准的 SysTabContrl32 中, tab 选项卡和下面的区域都属于 TabContrl的ClientRect. 需要对每选项卡单独绘制。下面是处理OnPaint的代码： case WM_PAINT: { CRect lRect; lpTabC
完全自绘一个tab控件（想学自绘的可以看看）
scollins的专栏
08-21 2588
<br />最近因为需要用到一个类似V8那个标签tab控件，在网上搜索了下，发现没有符合要求的，就只好自己动手丰衣足食。<br />这个控件有点像V8和FireFox标签的集合体。<br /><br /><br /><br />具体的请参看代码vstab.h的描述，这里就不多废话，下面简单讲一下如何自绘。<br /><br />第一步、我想要的功能？<br />    明确自己将要绘制控件的功能是首要考虑的问题，有的放矢方能百发百中。<br />第二步、从哪里开始？<br />    如果你想自己实现一整套
MFC自绘TAB控件
天上的猩猩的专栏
11-05 3747
以下是两种tab控件的具体图片: 你可以根据自己的具体需求进行选择. 第一种: 1: 第二种: 1: 2: 第一种下载链接:http://download.csdn.net/detail/qq_23992597/9673873 第二种下载链接:http://download.csdn.net/detail/qq_23992597/9673868
mfc 自绘控件实现 竖排TAB sheet控件
10-27
mfc自带的tabsheet控件是横排按钮在上面的，这个自绘控件实现在左侧竖排的Tab选择，并且可以添加图标。
MFC 自绘标题栏和tab control简单思路代码
02-28
MFC 自绘标题栏和tab control简单思路 因为不少网友推荐我上传这份代码,其实思路很简单,大家主要理解一下就行 https://blog.csdn.net/zz603976046/article/details/73896377
自绘控件：自定义Tab Bar控件
wangpengfei360
11-21 216
用户的需求千奇百怪，总是让你不得不对iPhone一些控件的外观或功能做一些改变。众所周知，苹果自带的控件可定制性着实很差，这着让人很恼火，却又别无他法。幸好有网络的存在，我们可以找到许多别人已经做好的控件。CocoaChina会员 “jordenwu”做了一个自定义的Tab Bar控件，笔者的代码也是在jordenwu的基础上修改来的。修改的目的有两个：一、jordenwu把许多本来应该在TabB...
自绘CTabCtrl控件的实现
热门推荐
zgl7903的专栏
09-03 1万+
//头文件 #pragma once // OwnerdrawTabCtrl.h : header file ///////////////////////////////////////////////////////////////////////////// // COwnerdrawTabCtrl window class COwnerdrawTabCtrl : publ
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值