分享个Duilib扩展颜色选择器控件(Duilib换肤时使用)

简介

颜色选择器不是调色板,调色板可以选择任意的颜色值,而颜色选择期只能使用固定的颜色值。例如QQ电脑管家的换肤功能中可以使用默认颜色作为整个界面的背景色,其中的颜色都是固定了的,只能重中选择,那个就是颜色选择器了。

实现

数据结构:首先需要使用一个固定的二维表来存储这么一组颜色值,根据行、列坐标来区分,当用户选择某一个颜色的时候,我们根据这个点去查询表中对应的颜色值。

界面处理:选中状态和鼠标焦点状态,我们需要记录下当前选中颜色的坐标,选择改变后还原其颜色值。鼠标移动过程中,绘制焦点块颜色值,还原上一个颜色块的值。剩下的就是GDI基本功了,区域填充,双缓冲绘图,局部刷新。

代码

特意加上了一点注释,希望读者可以更好的理解。

/**********************************
*Author:	Jelin
*Time:		2014-12-18
*Email:	mailto://jelinyao@163.com
*/
#pragma once
#include <map>
using std::map;


//存储二维数组数据
template<class T, int row=0, int column=0>
class CMyArray
{
public:
	CMyArray()
		:m_pData(NULL)
		,m_nRow(row)
		,m_nColumn(column)
	{
		if ( m_nRow>0 && m_nColumn>0 )
			Allocate();
	}
	~CMyArray()
	{
		Free();
	}
	bool Resize(const int nRow, const int nColumn)
	{
		if ( nRow<=0 || nColumn<=0 )
			return false;
		m_nRow		= nRow;
		m_nColumn	= nColumn;
		Allocate();
		return true;
	}
	T GetAt(const int nRow, const int nColumn)
	{
		if ( nRow>=m_nRow || nColumn>=m_nColumn )
			return T();
		return *(m_pData+nRow*m_nColumn+nColumn);
	}
	void SetAt(const int nRow, const int nColumn, const T& data)
	{
		if ( nRow>=m_nRow || nColumn>=m_nColumn )
			return ;
		*(m_pData+nRow*m_nColumn+nColumn) = data;
	}
protected:
	void Allocate()
	{
		Free();
		m_pData = (T*)malloc(m_nRow*m_nColumn*sizeof(T));
	}
	void Free()
	{
		if ( m_pData )
		{
			free(m_pData);
			m_pData = NULL;
		}
	}
private:
	T*	m_pData;
	int	m_nRow;
	int m_nColumn;
};

//回调处理颜色改变后的事件
class CSelectColorCallback
{
public:
	virtual void	ColorTest(DWORD color)=0;
};


class CColorSkinUI
	: public CControlUI
{
public:
	CColorSkinUI();
	virtual ~CColorSkinUI();
	virtual void	SetPos(RECT rc);
	virtual void	DoInit();
	virtual v
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值