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

Ну что, за работу!

• Сейчас нам необходимо добавить код выбора размера кисти!
• Сначала спроектируем диалоговую панель, добавим ресурс Spin, который будет изменять толщину пера, окно редактирования для отображения размера и переменную для хранения значения толщины!

• Добавьте элемент управления Edit Box , затем Spin, сделайте это именно в такой последовательности, так как элемент Spin будет искать "собеседника" по предыдущему интендификатору, а "соседом" у нас будет Edit Box, в нем будет отоброжаться значение толщины, которую будет менять Spin.
• Установите элементы согласно рисунку и таблице:

  

  Таблица 2.0

  Объект	Свойство	Установка
  Edit Box	ID	IDC_PENWIDTH
  Spin	ID	IDC_SPIN1
  	Auto Buddy	Отмечен, страница Styles
  	Set Buddy Integer	Отмечен, страница Styles
  	Aligment	Right, страница Styles
  	Orientation	Vertical, страница Styles
  Static Text	ID	IDC_STATIC
  	Caption	&Width

  
  

• Рассмотрим элемент Spin, первая установка Auto Buddy означает, что он Spin будет автоматически искать "соседа", в котором будет изменяться значение толщины.
• Set Buddy to Integer - говорит, что изменяемое значение в "соседе" будет целое число.
• Aligment - устанавливает направление изменения величины в сторону увеличения, в данном случае будет справа, значит, если развернуть на 90 градусов , то вверх - это увеличение, а вниз - уменьшение, или слева на право!
• Orientation - устанавливает положение элемента Spin вертикально или горизонтально.

• Сейчас откройте Class Wizard, а там закладку Member Variables.
• Отметьте мышкой индетификатор IDC_PENWIDTH и нажмите на кнопку Add Variable
• Появится такая диалоговая панель:

  

• Введите название переменной m_PenWidth, Category - Value, Variable Type - int.
• Нажмите OK.
• Установите максимальное и минимальное значение 1 и 32 соответственно.
• Закройте ClassWizard.
• Откройте функцию OnInitDialog и в конец(перед оператором return) добавьте следующий код:
  

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

  //Получить указатель на элемент управления
  CSpinButtonCtrl* pSpin = (CSpinButtonCtrl*)GetDlgItem(IDC_SPIN1);

  /*Установить диапазон значений непосредственно для IDC_SPIN1*/
  pSpin->SetRange(1,32);

  //Установить начальное значение счетчика в 1;
  pSpin->SetPos(1);

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

• Вначале вы получили указатель на элемент управления, потом установили диапазон значений непосредственно для счетчика и установили начальное значение его в 1.
• Откройте конструктор класса CPaintORamaDlg и добавьте в конец такую строку:
  m_PenWidth=1;
• Этим оператором вы установили начальное значение толшины пера.
• Теперь вам необходимо изменить функцию OnLButtonDown, таким образом, чтобы при создавании новой кисти, учитывался нужный размер.

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

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

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

  m_Pen.DeleteObject();

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

  //Обновить переменные значениями в окне прграммы
  UpdateData(TRUE);

  //Создать новую кисть с учетом размера
  m_Pen.CreatePen(PS_SOLID, m_PenWidth, m_PenColor);

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

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

  }
  

• UpdateData(true) - обновляет значение переменных элементов управлений теrущими значениями в окне программы.
• Потом создается новая кисть с учетом толщины.
  Запустите программу и попробуйте выбирать любой цвет и нарисовать что-нибудь.

  Добавление выбора стилей перьев

• Вначале вам необходимо добавить пару радиокнопок, а точнее семь штук строго друг за другом , с помощью которых мы будем выбирать стиль пера.
• Расставьте радиокнопки (!соблюдая строгий порядок прямо так,как написано в таблице ), как показано на рис. 2.0 и согласно таблице 2.0.

  

  Таблица 2.0

  Объект	Свойство	Установка
  Radio Button	ID	IDC_SOLID_PEN
  	Caption	&Solid Pen
  	Group	Отмечен, General
  Radio Button	ID	IDC_RADIO2
  	Caption	&Dash Pen
  Radio Button	ID	IDC_RADIO3
  	Caption	&Dot Pen
  Radio Button	ID	IDC_RADIO4
  	Caption	&Dash-Dot Pen
  Radio Button	ID	IDC_RADIO5
  	Caption	&Dash-Dot-Dot Pen
  Radio Button	ID	IDC_RADIO6
  	Caption	&Null Pen
  Radio Button	ID	IDC_RADIO7
  	Caption	&Insaide Frame

  
  

• Вы должны обязательно добавить кнопки в именно таком порядке, это необходимо для того, чтобы индетификаторы кнопок были последовательны.
• Первая радиокнопка имеет свой индетификатор и у нее установлен такой параметр, как Group -это означает, что все кнопки добавленые после него будут сгруппированы, т.е. при выборе какой-либо кнопки значок "отмечено" будет переходить. Это может быть не удобным в ряде случаев, когда на странице несколько групп, тогда такой способ не подойдет и придется все писать в ручную.
• Теперь, после добавления кнопок, надо как-то получать номер выбранной кнопки, номера будут представлены в виде последовательности 0,1,2 ..6 , вся фишка в том, что стили перьев тоже соответствуют числам от 0 до 6, получается нам просто необходимо определить номер выбранной кнопки и подставить его в функцию создания пера..
• Добавьте с помощью Class Wizard переменную m_PenStyle с типом int и категорией Value, на странице Member Variables, выбрав индетификатор IDC_SOLID_PEN нажать кнопку Add Variable и указать все параметры(см.выше).
• Наверное, возникнет вопрос почему добавили переменную только для первой кнопки, а все дело в том, что если выбрана кнопка другая, то эта переменная будет менять свое значение на номер текущей кнопки, получается, что просто надо считывать только значение одной переменной .
• Теперь необходимо модифицировать функцию OnLButtonDown() следующим образом, просто измените строку
  m_Pen.CreatePen(PS_SOLID, m_PenWidth, m_PenColor); на :

  m_Pen.CreatePen(m_PenStyle, m_PenWidth, m_PenColor);.

• Теперь, когда вы изменили константу стиля на переменную, можно будет изменять стиль пера.
• Оператор UpdateData(TRUE) обновляет переменные значениями на экране, т.е. в нашем случае записывает номер выбранной кнопки в переменную m_PenStyle, которая потом используется для создания нового пера.

На главную