简介
颜色选择器不是调色板,调色板可以选择任意的颜色值,而颜色选择期只能使用固定的颜色值。例如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