Программирование на Visual C++

Урок VIII

Проектирование диалоговой панели

Идем дальше!

Сейчас нам необходимо добавить код выбора цвета, используйте следующие инструкции для этого:
Сначала спроектируем диалоговую панель, добавим ресурс Picture, переменную которая будет хранить цвет пера, переменную, которая будет хранить координаты индикатора цвета и напишем код для выбора цвета!

Добавьте в класс CPaintORamaDlg переменную m_PenColor, укажите тип COLORREF и поставьте доступ Private,
Добавьте в класс CPaintORamaDlg переменную m_PenColorSwatch, укажите тип CRect и поставьте доступ Private,

Добавьте элемент управления Group Box , затем Picture на диалоговую панель IDD_PAINTORAMA_DIALOG, согласно рисунку и таблице:

Таблица 2.0

Объект	Свойство	Установка
Group Box	ID	IDC_STATIC
	Caption	&Pen Styles
Picture	ID	IDC_PENCOLOR
	Type	Rectangle
	Color	Black
	Sunken	Отмечен, страница Styles
	Notify	отмечен, страница Styles
Static Text	ID	IDC_STATIC
	Caption	&Color

Думаю здесь все должно быть понятно. Только хотелось пояснить, для чего мы установили флажок на Notify. Если он отмечен, то можно использовать событие BN_CLICKED для этого элемента, так как при нажатии в область этого экрана будет выводиться диалоговое окно для выбора цвета!
Тип Rectangle говорит о том что это будет не просто участок окна, типа FRAME, а будет работать, как элемент управления, и будет отвечать на сообщения!
Начальное значение цвета пера устанвливается в Black.

Связывание кода с событием BN_CLICKED элемента Picture

PaintORama

Выполните следующие шаги:
Сначала мы должны установить начальный цвет как Black.
Для этого откройте конструктор класса CPaintORamaDlg, его название совпадает с названием класса диалогового окна, и он также находится в общем списке функций этого класса. 1) Откройте в Workspace закладку Class View, откройте класс CPaintORamaDlg. Выберите там конструктор класса: CPaintORamaDlg(CWnd* pParent /*=NULL*/). B открывшемся окне напишите следующий код:
CPaintORamaDlg::CPaintORamaDlg(CWnd* pParent /*=NULL*/)
: CDialog(CPaintORamaDlg::IDD, pParent)
{
......
////-Ваш код начинается здесь -////
m_PenColor = RGB(0, 0, 0);
////-Ваш код заканчивается здесь -////
}
Необходимо определить координаты итендификатора, чтобы его закрашивать.
С помощью Workspace откройте функцию OnInitDialog, и добавьте в конец перед оператором return true следующий код:
//Получить указатель на элемент управления
CWnd* pPenColor=GetDlgItem(IDC_PENCOLOR);
//Получить координаты элемента управления
pPenColor->GetWindowRect(&m_PenColorSwatch);
//Изменить координаты относительно клиентской области
ScreenToClient(&m_PenColorSwatch);
//Cузить рамку m_PenColorSwatch.DeflateRect(2,2,1,1);
Этот код полностью идентичен, коду для области рисования! Поменялись имена переменных, теперь координаты индикатора цвета будет хранить переменная m_PenColorSwatch.
Откройте в Workspace закладку Resource View, откройте Dialog. Выберите там: IDD_PAINTORAMA_DIALOG. B открывшемся окне проектирования дважды щелкните на элементе выбора цвета, ClassWizard предложит вам связать его с событием BN_CLICKED и предложит имя функции OnPencolor, нажмите OK. В раскрывшемся окне редактирования напишите следущий код внутри функции OnPencolor().

// TODO: Add your control notification handler code here
/*Создать объект класса диалоговой панели выбора цвета и передать ему в конструкторе текущее значение цвета*/ CColorDialog dlg(m_PenColor);
//Вывод диалогового окна
if(dlg.DoModal()==IDOK)
{
//Установка цвета
m_PenColor=dlg.GetColor();
//Создание кисти
CBrush swatch;
swatch.CreateSolidBrush(m_PenColor);
//Получить объект контекста устройства
CClientDC dc(this);
//Закрашивание индикатора выбранным цветом
dc.FillRect(&m_PenColorSwatch, &swatch);
}

В операторе условия проверяется, что если была нажата клавиша OK, то присвоить значение выбранного цвета переменной m_PenColor.

Затем вы создаете объект кисти, создаете сплошную кисть цветом m_PenColor, затем закрашиваете индикатор выбранным цветом и типом кисти.

Теперь вам осталось изменить функцию OnLButtonDown, добавить в нее код для создания пера с выбранным цветом.

В уроке №3 вы уже узнали, как создавать перья. Теперь поупражняемся над этим.

Добавьте переменную m_Pen с типом CPen, доступом Private в класс CPaintORamaDlg.

Измените функцию OnLButtonDown следующим образом:

BOOL CPaintORamaDlg::OnLButtonDown(UINT nFlags, CPoint point)
{

.....

//Проверить было ли нажатие внутри области рисования.
if(m_Canvas.PtInRect(point))
{
//Присвоить координаты начала двум переменным
m_LineStart= point;
m_LineEnd=point;

/////-Ваш код начинается здесь-///

m_Pen.DeleteObject();
m_Pen.CreatePen(PS_SOLID, 1, m_PenColor);

/////-Ваш код заканчивается здесь-/////

//Захватить мышь
SetCapture();
}

}

Первый оператор удаляет предыдущий объект, это нужно для того, чтобы ваша программа не проглючила при частом повторе операций рисования.

Потом создается новый с параметрами :
1) PS_SOLID - сплошное пероь.
2) 1 - размер пера.
3) m_PenColor - цвет пера.

Осталось добавить код который будет выбирать перо.

Откройте функцию OnMouseMove, модифицируйте ее следующим образом:

void CPaintORamaDlg::OnMouseMove(UINT nFlags, CPoint point)
{
if( (nFlags & MK_LBUTTON) && m_Canvas.PtInRect(point))
{

//Получить указатель на контекст устройства
CClientDC dc(this);

////-Ваш код начинается здесь-////

dc.SelectObject(&m_Pen);

////-Ваш код закачивается здесь-////

//Присвоить координаты щелчка переменной m_LineEnd
m_LineEnd= point;

//Нарисовать линию
dc.MoveTo(m_LineStart);
dc.LineTo(m_LineEnd)

/*Присвоить текущее переменной m_LineStart значение позиции курсора*/
m_LineStart=m_LineEnd;
}

}

Добавленный орператор включает пероь. Запустите программу и попробуйте выбирать любой цвет и нарисовать что-нибудь.

Добавление возможности выбора размера пера.
<-Назад || Дальше ->

[1] [2] [3] [4] [5] [6] [7] [8] [9]

На главную

Научно-популярный образовательный ресурс