分享个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