Рефетека.ру / Информатика и програм-ие

Авторский материал: Реализация стиля Office XP

Реализация стиля 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/


Рефетека ру refoteka@gmail.com