Реализация стиля Office XP
ToolBarXP
Недавно я пытался найти в сети ToolBar-элемент в стиле
Office XP. Поиски мои не увенчались успехом – все элементы были либо сложны в
встраивании в проект, либо платны. Тогда я принял отчаянные меры – написал
сам… А, как оказалось, в написании тулбара не было оссобенных проблем. Вот
как я сделал.
Создал MFC SDI проект с именем StyleXP. С помощью
ClassWizard’а добавил новый класс CToolBarXP, наследованный от CToolBar (CToolBar
в списке нет, но я выбрал CToolBarCtrl и вручную изменил имя предка). Дальше
встал вопрос: “Какие функции перегружать?”. Просмотрев весь
предоставленный список в ClassWizard’е, я выбрал WM_PAINT. Долго я с ним
провозился, но таки вышло вот что:
void
CToolBarXP::OnPaint()
{
CPaintDC dc(this); // device context for
painting
// TODO: Add your message handler code here
CRect rt, rItem;
COLORREF face, shdw, cbtn;
BYTE r,g,b;
WORD BtnLength;
// Берём
клиентскую область эл-та
GetClientRect(rt);
// Выщитываем
цвет бэк-граунда(для пущей красоты
// я решил
слегка отклониться от стандартного цвета).
face =
GetSysColor(COLOR_3DFACE);
r = GetRValue(face)+10;
g = GetGValue(face)+10;
b = GetBValue(face)+10;
face = PALETTERGB(r,g,b);
// Таким
же образом выщитываем цвет выделенной кнопки…
cbtn =
GetSysColor(COLOR_3DFACE);
r = GetRValue(cbtn)-10;
g = GetGValue(cbtn)-10;
b = GetBValue(cbtn)-10;
cbtn = PALETTERGB(r,g,b);
// и цвет рамки
shdw = GetSysColor(COLOR_3DSHADOW);
r = GetRValue(shdw)+10;
g = GetGValue(shdw)+10;
b = GetBValue(shdw)+10;
shdw = PALETTERGB(r,g,b);
// Заполняем тол-бар бэкграундом
dc.FillSolidRect(rt, face);
// Создаём перо
CPen pen;
pen.CreatePen(0, 1, shdw);
dc.SelectObject(&pen);
TBBUTTON btn;
BtnLength =
LOWORD(GetToolBarCtrl().GetButtonSize());// Получаем ширину кнопки
// Перебираем все кнопки
for(int i = 0, x = 0, n = 0; i !=
GetToolBarCtrl().GetButtonCount(); i++)
{
GetToolBarCtrl().GetButton(i, &btn);//
Получаем данные о кнопке
if(btn.fsStyle & TBSTYLE_SEP)// Сепаратор ?
{
dc.MoveTo(x+2,
2);// Рисуем вертикальную линию
dc.LineTo(x+2, 20);
x += 6;
}
if(m_nSelected == i)// На кнопке мышка?
{
//
Создаём кисть и перо
CPen
pn;
CBrush br;
pn.CreatePen(0, 1, shdw);
br.CreateSolidBrush(cbtn);
dc.SelectObject(&pn);
dc.SelectObject(&br);
//
Получаем рект кнопки
GetItemRect(i,
rItem);
// Рисуем рамку
dc.Rectangle(rItem);
// Рисуем иконку кнопки
GetToolBarCtrl().GetImageList()->Draw(&dc, n, CPoint(x+2, 2), 0);
x += BtnLenght;
n++;
}
else if(!btn.fsStyle & TBSTYLE_SEP)// Кнопка в обычном состоянии
{
GetToolBarCtrl().GetImageList()->Draw(&dc, n, CPoint(x+3, 3), 0);
x += BtnLenght;
n++;
}
}
// Do not call CToolBarCtrl::OnPaint() for
painting messages
}
Так, сразу пока не отвлёкся – в класс надо добавить
переменную:
class CToolBarXP :
public CToolBarCtrl
{
//***********************************************
protected:
int
m_nSelected;// Номер кнопки под мышкой 🙂
//{{AFX_MSG(CToolBarXP)
afx_msg void OnPaint();
//}}AFX_MSG
DECLARE_MESSAGE_MAP()
};
В конструкторе класса надо надо инициализировать сию
переменную числом -1.
Теперь добавляем через КлассВизард обработку
перемещений мышкой:
void
CToolBarXP::OnMouseMove(UINT nFlags, CPoint point)
{
CToolBar::OnMouseMove(nFlags, point);
CRect rt;
TBBUTTON btn;
// Перебираем кнопки
for(int i = 0; i !=
GetToolBarCtrl().GetButtonCount(); i++)
{
GetToolBarCtrl().GetButton(i, &btn);//
Получаем данные о кнопке
GetItemRect(i,
rt);// Получаем рект кнопки
if(btn.fsStyle
& TBSTYLE_SEP) continue;// Сепараторы пропускаем
if(rt.PtInRect(point)
&& m_nSelected != i)// Мышка над этой?
{
m_nSelected = i;// Сохраняем выделение
Invalidate();// Перерисовываем
SetTimer(11, 100, NULL);// Пускаем таймер
return;
}
}
}
Так… Ну и, собственно таймер:
void
CToolBarXP::OnTimer(UINT nIDEvent)
{
if(nIDEvent ==
11)// На всякий пожарный
{
// Так где
же мышка ???
CPoint
p(GetMessagePos());
ScreenToClient(&p);
// Берём границы кнопки
CRect rect;
GetClientRect(rect);
// Проверка
на наличие внутри курсора
if
(!rect.PtInRect(p))
{
// Если
мыши нет то оставляем слежение
m_nSelected
= -1;
// И
убиваем таймер (“А зачем нам кузнец? Нам кузнец не нужен…”) 😉
KillTimer(11);
// Не
забыть перерисовать кнопку
Invalidate();
}
}
}
Фу… Вроде всё. А! Теперь лезем в MainFrame.h и
меняем тип переменной m_wndToolBar с CToolBar на CToolBarXP, незабыв перед этим
#include’ть файл с нашим тулбаром. Теперь всё! Жмём F7, ждём пока проект
скомпилируется и F5. Лицезреем красочный тулбар.
ReBarXP
Так, тулбар есть. Далее – CReBarXP. Ну это вообще
проще пареной репы: создаём MFC проект с помеченной галочкой Internet Explorer
ReBars. Добавляем новы класс CReBarXP, наследованный от CReBar, перегружаем у
него WM_PAINT и вписываем туда вот что:
void
CReBarXP::OnPaint()
{
CPaintDC dc(this); // device context for
painting
// TODO: Add your message handler code here
CRect rt, rBand;
COLORREF face, shdw;
BYTE r,g,b;
// Цвета(идеинтично CToolBarXP)
GetClientRect(rt);
face = GetSysColor(COLOR_3DFACE);
r = GetRValue(face)+10;
g = GetGValue(face)+10;
b = GetBValue(face)+10;
face = PALETTERGB(r,g,b);
shdw = GetSysColor(COLOR_3DSHADOW);
r = GetRValue(shdw)+10;
g = GetGValue(shdw)+10;
b = GetBValue(shdw)+10;
shdw = PALETTERGB(r,g,b);
CPen pen;
pen.CreatePen(0, 1, shdw);
//
Заливаем область
dc.FillSolidRect(rt,
face);
dc.SelectObject(&pen);
// Перебираем
все бары
for(UINT i = 0; i
!= GetReBarCtrl().GetBandCount(); i++)
{
GetReBarCtrl().GetRect(i, rBand);// Получаем рект
for(int y = 4; y != rBand.Height()-4;
y+=2)// Ресуем симпатичную закраску
{
dc.MoveTo(rBand.left+3,rBand.top+y);
dc.LineTo(rBand.left+6,rBand.top+y);
}
}
// Do not call CReBar::OnPaint() for painting
messages
}
Всё! Теперь только меняем тип ReBar на
CReBarXP(обязательно вставив перед объявлением класса include-команду).
StatusBarXP
Так, так… ToolBarXP и ReBarXP есть. Теперь
StatusBar’ом займёмся. Проект как создавать я писать не буду, сразу переходим к
делу.
Добавляем новый класс CStatusBarXP, наследованный от
CStatusBar. В нём переопределяем OnPaint и пишим тудыва:
void CStatusBarXP::OnPaint()
{
CPaintDC dc(this); // device context for
painting
CRect rt, rPane;
COLORREF face, shdw;
CString Text;
CFont* Font;
BYTE r,g,b;
//
Высчитываем цвета(большая часть кода:))
GetClientRect(rt);
face = GetSysColor(COLOR_3DFACE);
r = GetRValue(face)-10;
g = GetGValue(face)-10;
b = GetBValue(face)-10;
face = PALETTERGB(r,g,b);
shdw = GetSysColor(COLOR_3DSHADOW);
r = GetRValue(shdw)+10;
g = GetGValue(shdw)+10;
b = GetBValue(shdw)+10;
shdw = PALETTERGB(r,g,b);
CPen pen;
CBrush br;
pen.CreatePen(0, 1, shdw);
br.CreateSolidBrush(face);
Font = GetFont();
dc.SelectObject(Font);
dc.FillSolidRect(rt, face);
dc.SelectObject(&pen);
dc.SelectObject(&br);
// А вот
непосредственно рисование:
for(int i = 0;
i != GetCount();
i++)
{// Перебираем все индикаторы
GetStatusBarCtrl().GetRect(i, rPane);
GetPaneText(i, Text);// Получаем текст
rPane.bottom–;
dc.Rectangle(rPane);//
Рисуем рамку
// И текст,
если надо:
if(GetPaneStyle(i))
dc.TextOut(rPane.left+3, rPane.top+1, Text);
rPane.top += 1;
rPane.left += 3;
rPane.right -= 1;
if(GetPaneStyle(i)) dc.DrawText(Text,
rPane, 0);
}
}
Усё! Теперь только меняем тип переменной с CStatusBar
на CStatusBarXP и глядим. Вид, конечно, до первых двух классов не дотягивает,
но… “сойдёт для сельской местности”.
Красивого вам программирования!
Список литературы
Для подготовки данной работы были использованы
материалы с сайта http://www.realcoding.net/