Использование элементов управления Progress Control, Slider Control.

Создаем новое приложение MFC (рис. 1) с названием Project7.

Рис. 1.

Выбираем тип приложения – на основе диалоговых окон (рис. 2), и нажимаем на кнопку Готово.

Рис. 2.

Наше приложение будет выполнять следующие функции. При нажатии на кнопку «Заполнить» выполняется заполнение цистерны с жидкостью, которая изображается с помощью элемента Progress Control. Начальное значение уровня в цистерне задается пользователем с помощью элемента Slider Control. При достижении максимального уровня (100%) процесс заполнения останавливается, и пользователю выдается сообщение с информацией о том, что цистерна заполнена. При нажатии на кнопку «Опустошить» выполняется постепенное уменьшение уровня жидкости в цистерне от 100% до 0%. При нажатии на кнопку «Стоп» процесс останавливается. Когда цистерна пуста, пользователю выдается соответствующее сообщение. Время заполнения цистерны от минимума до максимума составляет 10 секунд. Этот пример демонстрирует основные принципы работы с новыми элементами управления, которые очень часто используются при построении графических интерфейсов пользователя. Итак, начнем.

На диалоговом окне в редакторе ресурсов размещаем все необходимые элементы, как показано на рис. 3. Редактируем поле Подпись в свойствах кнопок чтобы на них отображался нужный текст. Для элемента управления Progress Control свойство Вертикальный необходимо изменить на True, а для элемента управления Slider Control свойство Ориентация установить в значение По вертикали.

Рис. 3.

С помощью Мастера классов (Ctrl+Shift+X) связываем с элементами управления переменные, как показано на рис. 4. Переменные имеют категорию Control. Использование управляющих переменных позволит установить верхний и нижний пределы для этих элементов управления. Если использовать переменные категории Value, то можно будет только считать значение, заданное пользователем, при этом верхний и нижний пределы устанавливаются по умолчанию, что не всегда удобно.

Рис. 4.

В функции OnInitDialog, которая вызывается перед появлением диалога на экране, выполним настройку диапазонов изменения величин для элементов управления. Для перехода к этой функции и редактирования текста этой функции используйте Окно классов. Фрагмент программы имеет вид:

// TODO: добавьте дополнительную инициализацию

m_progress.SetRange(0,100); // диапазон от 0 до 100 (процентов)

m_progress.SetPos(0); // изначально цистерна пуста, т.е. значение 0

m_slider.SetRange(0,100); // диапазон от 0 до 100 (процентов)

m_slider.SetPos(100); // начальное значение 100 чтобы ползунок находился снизу

Чтобы создать динамику заполнения цистерны используем таймер. При нажатии на кнопку «Заполнить» запускаем таймер. Чтобы заполнить цистерну до 100% за 10 секунд необходимо установить временную задержку для таймера, равную 100 мс. Тогда за 10 секунд таймер сработает 100 раз, и при каждом его срабатывании значение уровня жидкости в цистерне инкрементируется на 1. Функция-обработчик нажатия на кнопку «Заполнить» имеет вид:

void CProject7Dlg::OnBnClickedButton1()

{

// TODO: добавьте свой код обработчика уведомлений

KillTimer(2); // остановка таймера 2

SetTimer(1,100,NULL); // запуск таймера 1

}

Аналогично выполняется запуск процесса опустошения цистерны. Функция-обработчик нажатия на кнопку «Опустошить» имеет вид:

void CProject7Dlg::OnBnClickedButton2()

{

// TODO: добавьте свой код обработчика уведомлений

KillTimer(1); // остановка таймера 2

SetTimer(2,100,NULL); // запуск таймера 1

}

Функция-обработчик нажатия на кнопку «Стоп» имеет вид:

void CProject7Dlg::OnBnClickedButton3()

{

// TODO: добавьте свой код обработчика уведомлений

KillTimer(1); // остановка таймера 1

KillTimer(2); // остановка таймера 2

}

С помощью Мастера классов (рис. 5) добавим обработчик события таймера. В программе используются 2 таймера. Логика программы не позволяет одновременно работать двум таймерам. При наполнении цистерны запускается таймер 1, и останавливается таймер 2. При опустошении цистерны наоборот, запускается таймер 2, и останавливается таймер 1. Таким образом, если событие поступило от таймера номер 1, то это означает, что запущен процесс заполнения цистерны, а если событие поступило от таймера номер 2, то это означает запущен процесс опустошения цистерны.

Рис. 5.

Функция-обработчик события таймера имеет вид:

void CProject7Dlg::OnTimer(UINT_PTR nIDEvent)

{

// TODO: добавьте свой код обработчика сообщений или вызов стандартного

int value=m_progress.GetPos(); // получить текущее значение в цистерне

if(nIDEvent==1){ // если идет процесс наполнения (работает таймер 1)

if(value==100){ // если цистерна уже заполнена

KillTimer(1); // остановить таймер

MessageBox(_T("Tank is filled!"), _T("Warning!"), MB_OK | MB_ICONINFORMATION); // вывести сообщение пользователю

}

else{ // в противном случае

value=value+1; // увеличить значение на 1

m_progress.SetPos(value); // установить новое значение на индикаторе

}

}

else if(nIDEvent==2){ // если идет процесс опустошения (работает таймер 1)

if(value==0){ // если цистерна уже пустая

KillTimer(2); // остановить таймер

// вывести сообщение пользователю

MessageBox(_T("Tank is empty!"), _T("Warning!"), MB_OK | MB_ICONINFORMATION);

}

else{// в противном случае

value=value-1; // уменьшить значение на 1

m_progress.SetPos(value); // установить новое значение на индикаторе

}

}

CDialogEx::OnTimer(nIDEvent);

}

Теперь можно откомпилировать и проверить работу программы.

Рис. 6.

Теперь необходимо добавить возможность установки начального значения уровня в цистерне. Для этого следует создать обработчик события изменения ползунка на элементе Slider Control. Это сообщение WM_VSCROLL (вертикальная прокрутка).

Функция-обработчик сообщения WM_VSCROLL имеет вид:

void CProject7Dlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)

{

// TODO: добавьте свой код обработчика сообщений или вызов стандартного

m_progress.SetPos(100-m_slider.GetPos());

CDialogEx::OnVScroll(nSBCode, nPos, pScrollBar);

}

Программа закончена, можно компилировать и проверять. Далее приводится описание методов классов этих элементов управления.

Генеалогическое дерево CSliderCtrl:

Пред нашими очами предстал очередной претендент на наследство CWnd. Сколько их ещё будет!!! Познакомимся с устройством класса CSliderCtrl.

Конструктор:

Инициализация:

Параметры:

Операции:

Домашнее задание

1. Разработать приложение, которое будет выводить строку, введенную пользователем в заголовок приложения посимвольно. Скорость вывода будет регулироваться пользователем, а процесс выполнения отображаться с помощью индикатора. Создайте проект на основе диалогового окна. В редакторе ресурсов измените Вашу форму таким образом, чтобы она соответствовала приведенному ниже рисунку.

Рис. 7.

2. Разработать приложение, в котором с мопощью элементов Slider Control пользователь может изменять ширину и высоту кнопки. Примерный вид диалогового окна представлен на рис. 8.

Рис. 8.

3. Разработать приложение, в котором с помощью трех регуляторов Slider Control задаются три составляющие цвета – красная, зеленая и синяя. Диапазон каждой составляющей лежит в пределах от 0 до 255. При изменеии положения ползунков элементов управления выполняется считывание их положения и изменяется цвет фона диалога, который определяется значением каждой из составляющих цвета. Приверный вид диалога показан на рисунке ниже.

Рис. 9.