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

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

• Сейчас нам надо добавить код выбора стиля и цвета закраски.
• Вначале необходимо спроектировать диалоговую панель, нам нужно добавить элемент списка 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);.
• Этим оператором вы выбираете кисть и применяете ее к рисованию.
• Теперь можете откомпилировать программу и запустить ее. Попробуйте нарисовать что-нибудь разными цветами кистей и перьев, разными стилями и размерами, и фигурами.
• Но это еще не все! Осталось решить небольшую проблему, если к примеру окно вашей программы перекрыть другой, или просто его сдвинуть за пределы экрана, то понадобиться перерисовка окна, так как все что было сотрется. Винда не сохраняет экраны программ :(. Придется все делать в ручную!

На главную