MFC第二十四天 使用GDI对象画笔和画刷来开发控件(分页控件选择态的算法分析、使用CToolTipCtrl开发动静态提示)

文章目录

  • GDI对象画笔和画刷来开发控件
    • 梯形边框的按钮控件
      • CMainDlg.h
      • CMainDlg.cpp
      • CLadderCtrl.h
      • CLadderCtrl.cpp
    • 矩形边框的三态按钮控件 CToolTipCtrl开发动静态提示
      • CMainDlg.h
      • CMainDlg.cpp
      • CLadderCtrl.h
      • CLadderCtrl.cpp: 实现文件
    • 矩形边框的三态按钮控件 CToolTipCtrl开发动态提示
      • CMainDlg.h
      • CMainDlg.cpp
      • CLadderCtrl.h
      • CLadderCtrl.cpp
  • 附录

GDI对象画笔和画刷来开发控件

梯形边框的按钮控件

CMainDlg.h

class CMainDlg : public CDialogEx
{
// 构造
	CLadderCtrl m_ladd;

protected:
	virtual BOOL OnInitDialog();
	afx_msg void OnPaint();
public:
	afx_msg void OnSize(UINT nType, int cx, int cy);
};

CMainDlg.cpp

void CMainDlg::OnSize(UINT nType, int cx, int cy)
{
	CDialogEx::OnSize(nType, cx, cy);
	
	if (m_ladd)
	{
		m_ladd.SetWindowPos(NULL, 0, cy - 20, cx, cy, SWP_NOZORDER);
	}
}
BOOL CMainDlg::OnInitDialog(){
	CDialogEx::OnInitDialog();
	SetIcon(m_hIcon, TRUE);			// 设置大图标
	SetIcon(m_hIcon, FALSE);		// 设置小图标
	CRect rect;
	GetClientRect(rect);
	rect.top = rect.bottom - 20;
	m_ladd.Create(WS_CHILD | WS_VISIBLE, rect, this,8888);
	m_ladd.InsertItem(0, _T("组建"));
	m_ladd.InsertItem(1, _T("调试"));
	m_ladd.InsertItem(2, _T("在文件1中查找"));
	m_ladd.InsertItem(3, _T("在文件2中查找"));
	m_ladd.InsertItem(4, _T("结果"));
	return TRUE;  // 除非将焦点设置到控件,否则返回 TRUE
}

CLadderCtrl.h

class CLadderCtrl : public CWnd{
	DECLARE_DYNAMIC(CLadderCtrl)
	CStringArray m_ds;  //存储一组字符串 使用Add方法添加新的字符串,使用RemoveAt方法删除指定位置的字符串,使用GetAt方法获取特定位置的字符串等。
	int m_nIndex{}; 
	CBrush m_br, m_brSel;
	CFont m_font, m_fontSel;
public:
	CLadderCtrl();
	virtual ~CLadderCtrl();
	BOOL Create(DWORD dwStyle, CRect rect, CWnd* pParent, int nID);
	LONG InsertItem(int nItem, LPCTSTR lpszItem);
	int SetCurSel(int nItem);
	int GetCurSel() const;
	int GetItemCount() const;
	BOOL DeleteAllItems();	BOOL DeleteItem(int nItem);
};

CLadderCtrl.cpp

CLadderCtrl::CLadderCtrl(){
	m_br.CreateSolidBrush(GetSysColor(COLOR_BTNFACE));
	m_brSel.CreateSolidBrush(GetSysColor(COLOR_HIGHLIGHT));
	HFONT hfont = (HFONT)GetStockObject(DEFAULT_GUI_FONT); // GetStockObject 返回的是void* 要给转为具体类型
	LOGFONT lf;
	GetObject(hfont, sizeof(lf), &lf);
	m_font.CreateFontIndirect(&lf);
	lf.lfWeight = 700;
	m_fontSel.CreateFontIndirect(&lf);
}
CLadderCtrl::~CLadderCtrl()	{}
BOOL CLadderCtrl::Create(DWORD dwStyle, CRect rect, CWnd* pParent, int nID){
	return CWnd::Create(NULL, NULL, dwStyle, rect, pParent, nID);
}
LONG CLadderCtrl::InsertItem(int nItem, LPCTSTR lpszItem)
{
	m_ds.InsertAt(nItem,lpszItem);
	return nItem;
}
int CLadderCtrl::SetCurSel(int nItem)
{
	return 0;
}
int CLadderCtrl::GetCurSel() const
{
	return 0;
}
int CLadderCtrl::GetItemCount() const
{
	return (int)m_ds.GetCount();
}
BOOL CLadderCtrl::DeleteAllItems()
{
	m_ds.RemoveAll();
	return TRUE;
}
BOOL CLadderCtrl::DeleteItem(int nItem)
{
	m_ds.RemoveAt(nItem);
	return TRUE;
}
void CLadderCtrl::OnPaint()
{
	CPaintDC dc(this); // device context for painting
	CRect rect;
	GetClientRect(rect);
	dc.SetBkMode(TRANSPARENT);
	dc.FillSolidRect(rect, GetSysColor(COLOR_INFOBK));

	int i = -1, nCount =(int) m_ds.GetCount();
 
	const int H = rect.Height(); //创建一个宽度为矩形高度的四分之一,高度为整个矩形高度的矩形rc。
	CRect rc{ H/4,0,0,rect.bottom };
	dc.SelectObject(&m_br);
	POINT ptSel[4];
	CString sSel;
	CRect rSel;

	dc.SelectObject(&m_font); //宋体9 就是默认字体

	/*HFONT hFont = (HFONT)GetStockObject(DEFAULT_GUI_FONT);
	LOGFONT lf;
	GetObject(hFont, sizeof(lf), &lf);*/

	while (++i<nCount)
	{
		CString str = m_ds[i];

		CSize size = dc.GetTextExtent(str); //获取字符串str在设备上下文dc中的宽度和高度,并将结果存储在CSize对象size中
		rc.right = rc.left + size.cx +H; //左边界加上字符串宽度和一个常量H	 可以保证矩形rc的宽度至少能够容纳字符串,并且在右边留出一个宽度为常量H的空白区域
	
		POINT pts[] = { {rc.left-H/4,rc.top},{rc.right + H / 4,rc.top},{rc.right - H / 4,rc.bottom},{rc.left + H / 4,rc.bottom} };
		if (i!=m_nIndex)
		{
			dc.Polygon(pts, _countof(pts));
					//dc.Rectangle(rc);
			dc.DrawText(str, rc, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
		}
		else
		{
			memcpy(ptSel, pts, sizeof(pts));
			sSel = str;
			rSel = rc;
		}
		rc.left = rc.right;
	}
	dc.SelectObject(&m_brSel);

	dc.Polygon(ptSel, _countof(ptSel)); //要覆盖二次绘画
	dc.SelectObject(&m_fontSel);
	dc.DrawText(sSel, rSel, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
 }
//	dc.TextOut(0, 0, _T("测试系统颜色"));

void CLadderCtrl::OnLButtonDown(UINT nFlags, CPoint point)  //和上面算法一致 这个用来算出位置
{
	CWnd::OnLButtonDown(nFlags, point);
	CClientDC dc(this);
	dc.SelectStockObject(DEFAULT_GUI_FONT);
	int i = -1, nCount = (int)m_ds.GetCount();
	CRect rect;
	GetClientRect(rect);
	CRect rc{ 0,0,0,rect.bottom };

	while (++i<nCount)   
	{
		CString str = m_ds[i];

		CSize size = dc.GetTextExtent(str);
		rc.right = rc.left + size.cx + rect.Height();
		dc.SelectObject(i == m_nIndex ? &m_brSel : &m_br);
		if (rc.PtInRect(point))
		{
			if (i != m_nIndex)  //去除无效点击 
			{
				m_nIndex = i;
				Invalidate(FALSE);
			}
			break;
		}
		rc.left = rc.right;
	}
}

在这里插入图片描述

矩形边框的三态按钮控件 CToolTipCtrl开发动静态提示

CMainDlg.h

#include "CLadderCtrl.h"
class CMainDlg : public CDialogEx
{
// 构造
	CLadderCtrl m_ladd;	
	CToolTipCtrl m_tip;
public:
	CMainDlg(CWnd* pParent = nullptr);	// 标准构造函数	
public:
	afx_msg void OnSize(UINT nType, int cx, int cy);
	virtual BOOL PreTranslateMessage(MSG* pMsg);
};

CMainDlg.cpp

BOOL CMainDlg::OnInitDialog()
{
	CDialogEx::OnInitDialog();
	CRect rect;
	GetClientRect(rect);
	rect.top = rect.bottom - 20;
	m_ladd.Create(WS_CHILD | WS_VISIBLE, rect, this,8888);
	m_ladd.InsertItem(0, _T("组建"));
	m_ladd.InsertItem(1, _T("调试"));
	m_ladd.InsertItem(2, _T("在文件1中查找"));
	m_ladd.InsertItem(3, _T("在文件2中查找"));
	m_ladd.InsertItem(4, _T("结果"));
	m_tip.Create(this);
	m_tip.AddTool(&m_ladd, _T("没想到吧"));
	return TRUE;  // 除非将焦点设置到控件,否则返回 TRUE
}
void CMainDlg::OnSize(UINT nType, int cx, int cy)
{
	CDialogEx::OnSize(nType, cx, cy);
	if (m_ladd)
		m_ladd.SetWindowPos(NULL, 0, cy - 20, cx, 20, SWP_NOZORDER);
}
BOOL CMainDlg::PreTranslateMessage(MSG* pMsg) //皇军的岗楼
{
	m_tip.RelayEvent(pMsg);
	return CDialogEx::PreTranslateMessage(pMsg);
}

CLadderCtrl.h

class CLadderCtrl : public CWnd
{
	DECLARE_DYNAMIC(CLadderCtrl)
	CStringArray m_ds;
	int m_nIndex{};
	int m_nTrack{};
	CBrush m_br, m_brSel,m_brTrack; //三态按钮  三态控件  没有选中色(普通) 选中色 放在上面的框色(追踪态)
	CBrush m_brBack;
	CPen m_pen;
	int GetIndex(CPoint point);
public:
	CLadderCtrl();
	virtual ~CLadderCtrl();
	BOOL Create(DWORD dwStyle, CRect rect, CWnd* pParent, int nID);

	LONG InsertItem(int nItem, LPCTSTR lpszItem);
	int SetCurSel(int nItem);
	int GetCurSel() const;
	int GetItemCount() const;
	BOOL DeleteAllItems();
	BOOL DeleteItem(int nItem);
// 对话框数据
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_MAIN_DIALOG };
#endif

protected:
	virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV 支持

	DECLARE_MESSAGE_MAP()
public:
	afx_msg void OnPaint();
	afx_msg void OnLButtonDown(UINT nFlags, CPoint point);
	afx_msg void OnMouseMove(UINT nFlags, CPoint point);
};

CLadderCtrl.cpp: 实现文件

#include "pch.h"
#include "CreatControl.h"
#include "afxdialogex.h"
#include "CLadderCtrl.h"
CLadderCtrl::CLadderCtrl()  //有对应的构造函数可以在定义时直接给予初始化{}
{
	m_br.CreateSolidBrush(RGB(64,86,140));
	m_brSel.CreateSolidBrush(RGB(230,245,255)); 
	m_brTrack.CreateSolidBrush(RGB(187, 194, 241));
	m_brBack.CreateSolidBrush(RGB(93, 107, 153)); //默认的背景
	m_pen.CreatePen(PS_SOLID, 1, RGB(93, 107, 153));
}
CLadderCtrl::~CLadderCtrl()
{
}
BOOL CLadderCtrl::Create(DWORD dwStyle, CRect rect, CWnd* pParent, int nID)
{
	return CWnd::Create(NULL, NULL, dwStyle, rect, pParent, nID);
}
LONG CLadderCtrl::InsertItem(int nItem, LPCTSTR lpszItem)
{
	m_ds.InsertAt(nItem,lpszItem);
	return nItem;
}
int CLadderCtrl::SetCurSel(int nItem)
{
	ASSERT(nItem > -1 && nItem < m_ds.GetCount());
	m_nIndex = nItem;
	Invalidate(FALSE);
	return 0;
}
int CLadderCtrl::GetCurSel() const
{
	return m_nIndex;
}

int CLadderCtrl::GetItemCount() const
{
	
	return (int)m_ds.GetCount();
}

BOOL CLadderCtrl::DeleteAllItems()
{
	m_ds.RemoveAll();
	return TRUE;
}

BOOL CLadderCtrl::DeleteItem(int nItem)
{
	m_ds.RemoveAt(nItem);
	return TRUE;
}

void CLadderCtrl::DoDataExchange(CDataExchange* pDX)
{
	CWnd::DoDataExchange(pDX);
}


BEGIN_MESSAGE_MAP(CLadderCtrl, CWnd)
	ON_WM_PAINT()
	ON_WM_LBUTTONDOWN()
	ON_WM_MOUSEMOVE()
END_MESSAGE_MAP()
void CLadderCtrl::OnPaint()
{
	CPaintDC dc(this); // device context for painting
	CRect rect;
	GetClientRect(rect);
	dc.SetBkMode(TRANSPARENT);
	dc.FillRect(rect,&m_brBack);

	int i = -1, nCount =(int) m_ds.GetCount();
	int nLeft = 0;
	CRect rc{ 0,0,0,rect.bottom };

	CFont* pFont = GetFont();
	dc.SelectStockObject(DEFAULT_GUI_FONT); //宋体9 就是默认字体
	dc.SelectObject(&m_pen);

	/*HFONT hFont = (HFONT)GetStockObject(DEFAULT_GUI_FONT);
	LOGFONT lf;
	GetObject(hFont, sizeof(lf), &lf);*/

	while (++i<nCount)
	{
		CString str = m_ds[i];

		CSize size = dc.GetTextExtent(str);
		rc.right = rc.left + size.cx + rect.Height();
		if (i == m_nIndex)
		{
			dc.SelectObject(&m_brSel);
			dc.SetTextColor(GetSysColor(COLOR_WINDOWTEXT));
		}
		else if (i == m_nTrack)
		{
			dc.SelectObject(&m_brTrack);
			dc.SetTextColor(GetSysColor(COLOR_WINDOWTEXT));
		}
		else
		{
			dc.SetTextColor(GetSysColor(COLOR_HIGHLIGHTTEXT));
			dc.SelectObject(&m_br);
		}
		//dc.SelectObject(i == m_nIndex ? &m_brSel:&m_br); 

		dc.Rectangle(rc);
		dc.DrawText(str, rc, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
	 
		rc.left = rc.right;
	}

 }
//	dc.TextOut(0, 0, _T("测试系统颜色"));
int CLadderCtrl::GetIndex(CPoint point)
{
	CClientDC dc(this);
	dc.SelectStockObject(DEFAULT_GUI_FONT);
	int i = -1, nCount = (int)m_ds.GetCount();
	CRect rect;
	GetClientRect(rect);
	CRect rc{ 0,0,0,rect.bottom };

	while (++i < nCount)
	{
		CString str = m_ds[i];

		CSize size = dc.GetTextExtent(str);
		rc.right = rc.left + size.cx + rect.Height();
		dc.SelectObject(i == m_nIndex ? &m_brSel : &m_br);
		if (rc.PtInRect(point))
		{
			return i;
		}
		rc.left = rc.right;
	}
	return -1;
}
void CLadderCtrl::OnLButtonDown(UINT nFlags, CPoint point)  //和上面算法一致 这个用来算出位置
{
	int nIndex = GetIndex(point);
	if (nIndex != m_nIndex)  //去除无效点击 
	{
		m_nIndex = nIndex;
		Invalidate(FALSE);
	}

	CWnd::OnLButtonDown(nFlags, point);
}
void CLadderCtrl::OnMouseMove(UINT nFlags, CPoint point)
{
	int nIndex = GetIndex(point);
	if (nIndex == m_nIndex)   
		return;
		
	if (m_nTrack!=nIndex)   
	{
		m_nTrack = nIndex;
		Invalidate(FALSE);
	}
	CWnd::OnMouseMove(nFlags, point);
}

在这里插入图片描述

矩形边框的三态按钮控件 CToolTipCtrl开发动态提示

本次只添加了与静态提示不同之处的代码

CMainDlg.h

#include "CLadderCtrl.h"
class CMainDlg : public CDialogEx
{
// 构造
	CLadderCtrl m_ladd;	
	CToolTipCtrl m_tip;
public:
	CMainDlg(CWnd* pParent = nullptr);	// 标准构造函数
	
public:
	afx_msg void OnSize(UINT nType, int cx, int cy);
	virtual BOOL PreTranslateMessage(MSG* pMsg);
	afx_msg BOOL SetTipText(UINT id, NMHDR* pHdr, LRESULT* pResult);
	//反射型消息 手动创建的 一消息一函数一控件 一ID
	afx_msg BOOL OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message);
};

CMainDlg.cpp

设置动态文字的函数

BOOL CMainDlg::SetTipText(UINT id, NMHDR* pHdr, LRESULT* pResult){
	int nIndex = m_ladd.GetTrack();
	if (nIndex < 0 || nIndex >= m_ladd.GetItemCount())
		return FALSE;
	TOOLTIPTEXT* pText = (TOOLTIPTEXT*)pHdr;
	if (pText->uFlags & TTF_IDISHWND){
		auto nID = (int)pHdr->idFrom;
		CString str = m_ladd.GetItemText(nIndex);
		_tcscpy_s(pText->szText, 80, str);
		return TRUE;
	}
	return FALSE;
	return 0;
}
BOOL CMainDlg::OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message){
	switch (pWnd->GetDlgCtrlID())	{
	case 8888:
	{
		static int nTrack = -1; // 用来看它是否切换 全局变量
		int n = m_ladd.GetTrack();
		if (nTrack !=n ){	 //切换算法
			nTrack = n;
			m_tip.Update();
		}
	}
		break;
	}
	return CDialogEx::OnSetCursor(pWnd, nHitTest, message);
}

CLadderCtrl.h

class CLadderCtrl : public CWnd{
	CStringArray m_ds;
	int m_nIndex{};
	int m_nTrack{};
	CBrush m_br, m_brSel,m_brTrack; //三态按钮 没有选中色(普通) 选中色 放在上面的框色(追踪态)
	CBrush m_brBack;
	int GetIndex(CPoint point);
public:
	int GetTrack() const{
		return m_nTrack; //拿到你追踪到的是几号
	}
	CString GetItemText(int nIndex) const{
		return m_ds[nIndex]; //拿到的对应的索引来获取文字
	}
	CLadderCtrl();

CLadderCtrl.cpp

int CLadderCtrl::GetIndex(CPoint point)
{
	CClientDC dc(this);
	dc.SelectStockObject(DEFAULT_GUI_FONT);
	int i = -1, nCount = (int)m_ds.GetCount();
	CRect rect;
	GetClientRect(rect);
	CRect rc{ 0,0,0,rect.bottom };

	while (++i < nCount)
	{
		CString str = m_ds[i];

		CSize size = dc.GetTextExtent(str);
		rc.right = rc.left + size.cx + rect.Height();
		dc.SelectObject(i == m_nIndex ? &m_brSel : &m_br);
		if (rc.PtInRect(point))
		{
			return i;
		}
		rc.left = rc.right;
	}
	return -1;
}
void CLadderCtrl::OnLButtonDown(UINT nFlags, CPoint point)  //和上面算法一致 这个用来算出位置
{
	int nIndex = GetIndex(point);
	if (nIndex != m_nIndex)  //去除无效点击 
	{
		m_nIndex = nIndex;
		Invalidate(FALSE);
	}
	CWnd::OnLButtonDown(nFlags, point);
}
void CLadderCtrl::OnMouseMove(UINT nFlags, CPoint point)
{
	int nIndex = GetIndex(point);
	//if (nIndex == m_nIndex)   
	//	return;
	if (m_nTrack!=nIndex)   
	{
		m_nTrack = nIndex;
		Invalidate(FALSE);
	}
	CWnd::OnMouseMove(nFlags, point);
}

在这里插入图片描述

附录

CDC::FillSolidRect:无边框的纯色填充
GetSysColor获取系统常用的颜色。
GetStockObject(API) 获取系统预定义对象
CDC::SelectStockObject:选择系统预定义对象。
来自于API:GetStockObject
GDI对象的构造函数:CFile的构造函数
a)CPen的构造函数:
CPen(int nPenStyle, int nWidth, COLORREF crColor);
CPen pen;pen.CreatePen(PS_XXX...);
两句合成一句就是:CPen pen(PS_XXX...);


b)CBrush的构造函数
	CBrush(COLORREF crColor);             // CreateSolidBrush
	CBrush(int nIndex, COLORREF crColor); // CreateHatchBrush
	explicit CBrush(CBitmap* pBitmap);          // CreatePatternBrush

MouseMove 进入任意控件都不会理你 除非回到主窗口范围内
OnSetCursor 不论在什么控件都会显示出来 还可以switch getDlgCtrlID 任何控件都会执行

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/53822.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

华为、阿里巴巴、字节跳动 100+ Python 面试问题总结(六)

系列文章目录 个人简介&#xff1a;机电专业在读研究生&#xff0c;CSDN内容合伙人&#xff0c;博主个人首页 Python面试专栏&#xff1a;《Python面试》此专栏面向准备面试的2024届毕业生。欢迎阅读&#xff0c;一起进步&#xff01;&#x1f31f;&#x1f31f;&#x1f31f; …

echart折线图,调节折线点和y轴的间距(亲测可用)

options代码&#xff1a; options {tooltip: {trigger: axis, //坐标轴触发&#xff0c;主要在柱状图&#xff0c;折线图等会使用类目轴的图表中使用。},xAxis: {type: category,//类目轴&#xff0c;适用于离散的类目数据&#xff0c;为该类型时必须通过 data 设置类目数据。…

抓紧收藏,Selenium无法定位元素的几种解决方案

01、frame/iframe表单嵌套 WebDriver只能在一个页面上对元素识别与定位&#xff0c;对于frame/iframe表单内嵌的页面元素无法直接定位。 解决方法&#xff1a; driver.switch_to.frame(id/name/obj) switch_to.frame()默认可以直接取表单的id或name属性。如果没有可用的id和…

自适应大屏

可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了&#xff0c;现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢&#xff1f;因为目前市面上适配工具每一个都无法做到完美的效果&#xff0c;做出来的东西都差不多&#xff0c;最终实…

ETHERNET/IP 转ETHERCAT连接ethercat总线伺服如何控制

捷米JM-EIP-ECAT网关连接到ETHERNET/IP总线中做为从站使用&#xff0c;连接到ETHERCAT总线中做为从站使用&#xff0c;可以同时满足多种工业生产的需求。支持广泛的设备类型&#xff0c;可以和多种不同的设备进行通讯。 技术参数 ETHERNET/IP 技术参数 网关做为 ETHERNET/IP …

CentOS下 Docker、Docker Compose 的安装教程

Docker 是一个开源的应用容器引擎&#xff0c;让开发者可以打包他们的应用以及依赖包到一个可移植的容器中&#xff0c;然后发布到任何流行的 Linux 机器上&#xff0c;也可以实现虚拟化。容器是完全使用沙箱机制&#xff0c;相互之间不会有任何接口。 Docker Compose是用于定义…

一些类型推导相关的功能(C++)

目录 auto关键的新用法&#xff08;C11起&#xff09; 背景介绍 用法示例 注意事项 typeid运算符 type_info类 typeid的用法 decltype运算符 用法阐述 用法示例 用法建议 function类模板 用法阐述 用法示例 function较函数指针的优势 std::function和decltype的…

DID以及社交网络中的ZKP

1. 引言 本文关键术语为&#xff1a; Decentralized Identity (DID&#xff0c;去中心化身份) or self-sovereign identity (SSI&#xff0c;自治身份) &#xff1a;是一个基于开放标准的框架&#xff0c;使用自主、独立的标识符和可验证证书&#xff0c;实现可信的数据交换。…

Vue2 第六节 key的作用与原理

&#xff08;1&#xff09;虚拟DOM &#xff08;2&#xff09;v-for中的key的作用 一.虚拟DOM 1.虚拟DOM就是内存中的数据 2.原生的JS没有虚拟DOM: 如果新的数据和原来的数据有重复数据&#xff0c;不会在原来的基础上新加数据&#xff0c;而是重新生成一份 3. Vue会有虚拟…

驶向专业:嵌入式开发在自动驾驶中的学习之道

导语: 自动驾驶技术在汽车行业中的快速发展为嵌入式开发领域带来了巨大的机遇。作为自动驾驶的核心组成部分&#xff0c;嵌入式开发在驱动汽车的智能化和自主性方面发挥着至关重要的作用。本文将探讨嵌入式开发的学习方向、途径以及未来在自动驾驶领域中的展望。 一、学习方向:…

3ds MAX绘制茶壶

综合一下之前的内容画个茶壶 长方形&#xff0c;然后转化为可编辑多边形&#xff0c;添加节点并设置圆角&#xff0c;如下图 车削生成一个圆环&#xff0c;其实这一步也可以用一个圆柱体和两个圆角圆柱体解决 效果如下&#xff1a; 茶壶的底座绘制好了 接下来是茶壶的上半边 …

python测试开发面试常考题:装饰器

目录 简介 应用 第一类对象 装饰器 描述器descriptor 资料获取方法 简介 Python 装饰器是一个可调用的(函数、方法或类)&#xff0c;它获得一个函数对象 func_in 作为输入&#xff0c;并返回另一函数对象 func_out。它用于扩展函数、方法或类的行为。 装饰器模式通常用…

Hudi Flink SQL源码调试学习(1)

前言 本着学习hudi-flink源码的目的&#xff0c;利用之前总结的文章Hudi Flink SQL代码示例及本地调试中的代码进行调试,记录调试学习过程中主要的步骤及对应源码片段。 版本 Flink 1.15.4Hudi 0.13.0 目标 在文章Hudi Flink SQL代码示例及本地调试中提到&#xff1a;我们…

【LLM系列之指令微调】长话短说大模型指令微调的“Prompt”

1 指令微调数据集形式“花样”太多 大家有没有分析过 prompt对模型训练或者推理的影响&#xff1f;之前推理的时候&#xff0c;发现不加训练的时候prompt&#xff0c;直接输入模型性能会变差的&#xff0c;这个倒是可以理解。假如不加prompt直接训练&#xff0c;是不是测试的时…

基于高通QCC5171的对讲机音频数据传输系统设计

一 研发资料准备 二 设计方法 蓝牙连接与配对&#xff1a;使用QCC5171的蓝牙功能&#xff0c;实现设备之间的蓝牙连接和配对。确保设备能够相互识别并建立起稳定的蓝牙连接。 音频采集与处理&#xff1a;将麦克风采集到的音频数据通过QCC5171的ADC&#xff08;模数转换器&…

linux系统编程重点复习--线程同步

目录 复习目标&#xff1a; 1 互斥锁 1.1互斥锁的使用步骤 1.2 练习 1.3 死锁 2 读写锁 3 条件变量 4 信号量 复习目标&#xff1a; 熟练掌握互斥量的使用说出什么叫死锁以及解决方案熟练掌握读写锁的使用熟练掌握条件变量的使用理解条件变量实现的生产消费者模型理解…

python简单的病毒编程代码,如何用python写一个病毒

大家好&#xff0c;本文将围绕python简单的病毒编程代码展开说明&#xff0c;如何用python做恶搞病毒是一个很多人都想弄明白的事情&#xff0c;想搞清楚如何用python写一个病毒需要先了解以下几个事情。 1、Python能不能写病毒 国家计算机病毒应急处理中心通过对互联网的监测…

算法leetcode|64. 最小路径和(rust重拳出击)

文章目录 64. 最小路径和&#xff1a;样例 1&#xff1a;样例 2&#xff1a;提示&#xff1a; 分析&#xff1a;题解&#xff1a;rust&#xff1a;go&#xff1a;c&#xff1a;python&#xff1a;java&#xff1a; 64. 最小路径和&#xff1a; 给定一个包含非负整数的 m x n 网…

windows 安装 mongodb 数据库

软件下载 访问官方的下载地址&#xff1a; https://www.mongodb.com/try/download/community &#xff0c;然后选择对应的版本进行下载 下载好了之后双击进行安装 软件安装 1、点击 next 点击下一步 2、勾选接受协议&#xff0c;点击 next 3、第三页有两个选项&#x…