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

• Щелкните два раза по надписи IDD_PAINTORAMA_DIALOG. Справа появится окно проектирования диалоговой панели.
• С помощью панели Controls расставьте элементы, управления как показано на рис. 2.0 и согласно таблице 2.0.

  

  Таблица 2.0

  Объект	Свойство	Установка
  Dialog Box	ID	IDD_PAINTORAMA_DIALOG
  	Caption	The PaintORama Program
  	Font	System, Size 10, страница General
  Picture	ID	IDC_CANVAS
  	Type	Frame
  	Color	Gray, страница Styles
  	Sunken	Отмечен, страница Styles
  	Client edge	отмечен, страница Extended Styles
  Push Button	ID	IDC_CLEARBTN
  	Caption	&Clear

  
  

• Думаю здесь все должно быть понятно. Только хотелось пояснить, для чего мы установили флажок на Notify
• В объекте Dialog Box вы задаете следующие данные:
  Caption - название диалогового окна.
  Font - здесь вы уcтановили шрифт -System и его размер 10
  
• Когда будете раставлять элемент Picture, задайте ему размер 251x258, который можно посмотреть в строке состояния, справа.
• Тип элемента Picture - Frame указывает на то, что внутри него будет распологаться пустой экран, в котором мы будем рисовать.
• Начальное значение цвета заливки области нашего рисавания(клиентской области) устанвливается в Gray.
• Остальные параметры устанавливают вид области.
• Кнопка Clear предназначена для очитки рабочей области.

Связывание кода с событием BN_CLICKED кнопки Clear

При нажатии на кнопку Clear программа PaintORama должна очистить экран(область рисования).
• Для этого нам необходимо определить размеры этого окна и сохранить их в перемнной m_Canvas.
• Выполните следующие шаги:
  1) Откройте в Workspace закладку Class View, откройте класс CPaintORamaDlg. Вызовите контексное меню правой кнопкой мыши, выбирите там Add Member Variable, появится такое диалоговое окно:

  

• В нем вы указываете тип переменной(Variable Type) : CRect, название (variable Name) : m_Canvas и права доступа к ней Private.
• Нажмите OK.
• Переменные типа CRect, это объекты класса четырехугольников, вы можете хранить в ней координаты окна, закрашивать его и многое другое.

  2) После добавления переменной вам необходимо ее инициализировать координатми окна.

• Это нужно сделать перед выводом самого диалогового окна. Для этого вам необходимо добавить следующий код в функцию OnInitDialog. В ней вы можете инициализировать начальные данные.
  
• Добавьте следующий код:

  BOOL CPaintORamaDlg::OnInitDialog()
  {
  CDialog::OnInitDialog();
  
  .....
  

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

  //Получить указатель на элемент управления Picture
  CWnd* p_Canvas=GetDlgItem(IDC_CANVAS);

  //Записать координаты окна в переменную m_Canvas
  p_Canvas->GetWindowRect(&m_Canvas);

  //Сопоставить координаты для клиентской области
  ScreenToClient(&m_Canvas);

  //Изменить координаты окна
  m_Canvas.DeflateRect(2,2,1,1);

  }
  

• Вначале вы получаете указатель на элемент управления, чтобы с помощью него получать или изменять информацию о нем.
• Затем вы записываете координаты в переменную m_Canvas.
• Переменная m_Canvas содержит координаты элемента Picture относительно экрана, а не главного окна, а в программе нам необходимы координаты именно относительно клиентской области, что и выполняет функция ScreenToClient.
• Последний оператор нужен для того, чтобы изменить значение m_Canvas по 2 пиксела слева и сверху, и по одному справа и снизу - это то место, которое занимает рамка,иммитирующая вдавленость окна, а на ней мы не должны рисовать.

• Теперь, когда координаты окна у нас получены, нам необходимо связать код с кнопкой Clear.
• Чтобы связать код с событием BN_CLICKED кнопки Clear, выполните следующие действия:

• Выберете ClassWizard в меню View
• Выберете закладку Message Maps в панели ClassWizard
• Используйте диалоговую панель ClassWizard для выбора следующего события:
  Class Name: CPaintORamaDlg
  Object ID: IDC_CLEARBTN
  Messages: BN_CLICKED
  
• Щелкните на кнопку Add Fucntion и в раскрывшемся окне, введите название функции: Clearbtn нажмите кнопку OK.

• Нажмите кнопку Edit Code и напишите следующий код в функции OnClearbtn():

  void CPaintORamaDlg::OnClearbtn()
  {
  // TODO: Add your control notification handler code here

  ////////Мой код начинается здесь///////////

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

  //Выбрать нулевое перо
  dc.SelectStockObject(NULL_PEN);

  //Очистить окно
  dc.Rectangle(m_Canvas);

  ////////Мой код заканчивается здесь///////////

  }
  

• Функция Clearbtn, которую вы ввели очищает экран.
• Вначале вы получили указатель на DC, теперь можно рисовать.
• Затем вы выбираете перо, которым будете рисовать, оно нулевое значит будет использоваться для закраски белый цвет.
• Последний оператор закрашивает окно(область рисования).

Теперь нам необходимо добавить код выбора цвета для рисования и добавить саму возможность рисовать.

Связывание элементов управления с событиями

[Назад] [Содержание] [Вперед]

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