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

Урок VIII

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

Когда же это кончится?!

Сейчас нам надо добавить код выбора стиля и цвета закраски.
Вначале необходимо спроектировать диалоговую панель, нам нужно добавить элемент списка List Box, индикатор цвета (элемент Picture), и окошко PreView (элемент Picture), где будет отображаться стиль закраски фигур.
Добавьте элементы управления на диалоговую панель, согласно таблице 2.0 и рисунку 2.0.

Таблица 2.0

Объект	Свойство	Установка

List Box	ID	IDC_BRUSHSTYLE
	Sort	Отключено, стрница Styles
Static Text	ID	IDC_STATIC
	Caption	&Styles
Group Box	ID	IDC_STATIC
	Caption	&Brush Styles
Picture	ID	IDC_BRUSHCOLOR
	Type	Rectangle
	Color	Black
	Sunken	Отмечен, страница Styles
	Notify	отмечен, страница Styles
Static Text	ID	IDC_STATIC
	Caption	&Color
Picture	ID	IDC_BRUSHPREVIEW
	Type	Rectangle
	Color	Black
	Sunken	Отмечен, страница Styles
	Notify	отмечен, страница Styles
Static Text	ID	IDC_STATIC
	Caption	&PreView

Вы добавили элемент управления List Box и отключили там свойство Sort, это означает, что элементы этого листа будут отображаться в том порядке в котором, мы их добавили, иначе они будут сортироваться по имени.
Вы добавили два элемента Picture, они будут выполнять ту же роль, что и индикатор цвета пера, но только элемент Preview будет показывать, как будет выглядеть закраска.
Теперь разберемся, как все будет работать, когда вы выбираете цвет закраски или стиль, то после этого должно закраситься окно Preview, тем стилем и цветом, который вы выбрали из списка.
Сначала нам необходимо добавить несколько переменных, которые будут хранит цвет окна, стиль, размеры рамок.

Добавьте переменные согласно таблице, используя для этого Workspace.

Тип Название Описание

CBrush m_Brush Объект кисти

COLORREF m_BrushColor Цвет заливки

CRect m_BrushColorSwatch Координаты индикатора цвета

CRect m_BrushPreviewSwatch Координаты просмотра

int m_BrushStyle Стиль закраски

После добаления переменных нужно инициализировать их начальными значениями, добавить стили закраски в элемент List Box.
Добавьте следующий код в конец функции OnInitDialog.
//Получить указатель на элемент управления
CWnd* pBrushColor=GetDlgItem(IDC_BRUSHCOLOR);
//Получить координаты элемента управления
pBrushColor->GetWindowRect(&m_BrushColorSwatch);
//Изменить координаты относительно клиентской области
ScreenToClient(&m_BrushColorSwatch);
//Cузить рамку
m_BrushColorSwatch.DeflateRect(2,2,1,1);

//Получить указатель на элемент управления
CWnd* pPreviewColor=GetDlgItem(IDC_BRUSHPREVIEW);
//Получить координаты элемента управления
pPreviewColor->GetWindowRect(&m_BrushPreviewSwatch);
//Изменить координаты относительно клиентской области
ScreenToClient(&m_BrushPreviewSwatch);
//Cузить рамку
m_BrushPreviewSwatch.DeflateRect(2,2,1,1);
//Установить начальный цвет кисти
m_BrusColor=RGB(0,0,0);
//Создать белую кисть
m_Brush.CreateStockObject(WHITE_BRUSH);
Думаю этот код уже должен быть понятен, так как мы его не раз рассматривали прежде. Мы здесь записали координаты индикаторов в переменные m_BrushColorSwatch и m_BrushPreviewSwatch.
Вы установили начальный цвет кисти, как черный, и создали белую кисть.
Теперь нужно связать элемент ListBox с переменной m_BrushStyleList, категорией Control, выполните это с помощью Class Wizard.
Добавим код для инициализации элемента List Box названиями стилей в конец функции OnInitDialog перед оператором return
//Добавить названия стилей в элемент ListBox
m_BrushStyleList.AddString("(none)");
m_BrushStyleList.AddString("Solid");
m_BrushStyleList.AddString("LL-UR Diagonal");
m_BrushStyleList.AddString("UL-LR Diagonal");
m_BrushStyleList.AddString("Grid");
m_BrushStyleList.AddString("Grid Diagonal");
m_BrushStyleList.AddString("Horizontal");
m_BrushStyleList.AddString("Vertical");
m_BrushStyleList.AddString("White");
m_BrushStyleList.AddString("Light Gray");
m_BrushStyleList.AddString("Medium Gray");
m_BrushStyleList.AddString("Dark Gray");
m_BrushStyleList.AddString("Black");
//Установить начальную позицию курсора на 8 элементе
m_BrushStyleList.SetCurSel(8);
С помощью переменной управления элементом, вы добавляете функцией AddString названия стилей.
Затем устанавливаете начальную позицию курсора на 8 позиции в списке.
Теперь свяжем код с событием изменения позиции в списке стилей заливки.
Откройте ClassWizard и свяжите элемент IDC_BRUSHSTYLE с событием LBN_SELCHANGE.
Щеклните на кнопку Edit Code и добавьте следующий код в функцию OnSelchangeBrushstyle:
//Удалить предыдущий объект
m_Brush.DeleteObject();
//Получить номер выбранной позиции
int style=m_BrushStyleList.GetCurSel();
//По номеру создать кисть, с выбранным стилем
switch(style)
{
case 0:
m_Brush.CreateStockObject(NULL_BRUSH);
break;
case 1:
m_Brush.CreateSolidBrush(m_BrushColor);
break;
case 2:
m_Brush.CreateHatchBrush(HS_BDIAGONAL, m_BrushColor);
break;
case 3:
m_Brush.CreateHatchBrush(HS_FDIAGONAL, m_BrushColor);
break;
case 4:
m_Brush.CreateHatchBrush(HS_CROSS, m_BrushColor);
break;
case 5:
m_Brush.CreateHatchBrush(HS_DIAGCROSS, m_BrushColor);
break;
case 6:
m_Brush.CreateHatchBrush(HS_HORIZONTAL, m_BrushColor);
break;
case 7:
m_Brush.CreateHatchBrush(HS_VERTICAL, m_BrushColor);
break;
case 9:
m_Brush.CreateStockObject(LTGRAY_BRUSH);
break;

case 10:
m_Brush.CreateStockObject(GRAY_BRUSH);
break;
case 11:
m_Brush.CreateStockObject(DKGRAY_BRUSH);
break;
case 12:
m_Brush.CreateStockObject(BLACK_BRUSH);
break;
//Создать кисть по умолчанию
default:
m_Brush.CreateStockObject(WHITE_BRUSH);
break;
}
//Вызвать функцию зарисовки окна Preview
PaintBrushPreview();
Код, который вы добавили, вначале удаляет прдедыдущую кисть, потом получает номер выбранной позиции, затем в зависимости от нее создает кисть с определенным стилем.
В конце вызывается функция закраски окна Preview выбранным стилем и цветом, давайте добавим ее.
С помощью WorkSpace добаьте функцию PaintBrushPreview с типом void в класс CPaintORamaDlg следующий код:
void CPaintORamaDlg::PaintBrushPreview()
{

////-Ваш код начинается здесь-////
CClientDC dc(this);
dc.FillRect(&m_BrushPreviewSwatch,&m_Brush);
////-Ваш код заканчивается здесь-////
}
Теперь добавим функцию выбора цвета закраски.
Свяжите элемент управления IDC_BRUSHCOLOR с событием BN_CLICKED, и добавьте туда следующий код:
void CPaintORamaDlg::OnBrushcolor()
{
////-Ваш код начинается здесь-////
//Создать объект диалогового окна выбор цвета
CColorDialog dlg(m_BrushColor);
/*Если была нажата кнопка ОК, то закрасить индикатор цвета*/
if(dlg.DoModal()==IDOK)
{
m_BrushColor=dlg.GetColor();
CClientDC dc(this);
CBrush b(m_BrushColor);
//Закрашивание индикатора цвета кисти
dc.FillRect(&m_BrushColorSwatch,&b);
}
/*Запустить функцию создания кисти, выбранным цветом*/
OnSelchangeBrushstyle();
////-Ваш код заканчивается здесь-////
}
Вначале создается объект диалогового окна выбора цвета, потом, если была нажата клавиша OK, индикатор зарисовывается выбранным цветом и в конце запускается функция создания кисти новым цветом.
Все отлично, но осталось добавить возможность выбора кисти в код рисования.
Откройте функцию DrawShape и сразу же перед или после оператора SelectObject(&m_Pen), добавьте оператор
SelectObject(&m_Brush);.
Этим оператором вы выбираете кисть и применяете ее к рисованию.
Теперь можете откомпилировать программу и запустить ее. Попробуйте нарисовать что-нибудь разными цветами кистей и перьев, разными стилями и размерами, и фигурами.
Но это еще не все! Осталось решить небольшую проблему, если к примеру окно вашей программы перекрыть другой, или просто его сдвинуть за пределы экрана, то понадобиться перерисовка окна, так как все что было сотрется. Винда не сохраняет экраны программ :(. Придется все делать в ручную!

Добавим возможность перерисовки экрана.
[Назад] [Содержание] [Вперед]

Смотрите также:

Тип	Название	Описание
CBrush	m_Brush	Объект кисти
COLORREF	m_BrushColor	Цвет заливки
CRect	m_BrushColorSwatch	Координаты индикатора цвета
CRect	m_BrushPreviewSwatch	Координаты просмотра
int	m_BrushStyle	Стиль закраски