Программирование КПК и смартфонов на .NET Compact Framework

Климов Александр Петрович

Для демонстрации работы индикатора прогресса было создано приложение, которое позволит отследить время варки яиц вкрутую. Предположим, что для варки достаточно трех минут. Нужно положить яйца в воду и запустить таймер. По истечении трех минут приложение должно отобразить соответствующее сообщение. Основной код приложения приведен в листинге 3.9.

Листинг 3.9

private void tmrCook_Tick(object sender, EventArgs e) {

 if (this.progressBar1.Value < this.progressBar1.Maximum) {

this.progressBar1.Value += 1;

lblCounter.Text = this.progressBar1.Value.ToString;

 }

 if (this.progressBar1.Value >= this.progressBar1.Maximum) {

tmrCook.Enabled = false;

MessageBox.Show("Яйца

сварились!");

this.progressBar1.Value = 0;

lblCounter.Text = "0";

 }

}

private void butStart_Click(object sender, EventArgs e) {

 tmrCook.Enabled = true;

}

На рис. 3.6 показан внешний вид приложения в момент отсчета времени.

Рис. 3.6. Индикатор прогресса, позволяющий сварить яйца вкрутую

Элемент StatusBar

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

StatusBar

. Чтобы изменить текст в элементе

StatusBar

, достаточно присвоить новое значение свойству

Text

. На рис. 3.7 показан внешний вид приложения в тот момент, когда пользователь нажимает на кнопку, а в листинге 3.10 приведен пример кода, который меняет текст в строке состояния.

Рис. 3.7. Пример работы со строкой состояния

Листинг 3.10

private void butClickMe_Click(object sender, EventArgs e) {

 this.statusBar1.Text = "Вы нажали на кнопку";

}

Строка состояния поддерживает только одну информационную панель, а также не распознает события

Click

.

Элемент TrackBar

Элемент управления

TrackBar

предназначен для установки числового значения при помощи перемещения ползунка по числовой шкале. Основную работу с элементом разработчик выполняет при помощи свойств

Minimum

,

Maximum

и

Value

. Ползунок может располагаться как вертикально, так и горизонтально. Ориентация ползунка задается при помощи свойства

Orientation

. Свойство

TickFrequency

регулирует дистанцию между метками шкалы. По умолчанию значение свойства

TickFrequency

равно единице.

Свойства

SmallChange

и

LargeChange

определяют шаг изменения значения

Value

. Свойство

SmallChange

задает изменения основного значения, когда пользователь нажимает на одну из кнопок навигации на самом карманном компьютере или на смартфоне.

Свойство

LargeChange

показывает, на сколько будет изменено основное значение, когда пользователь щелкнет стилусом на самом ползунке. При изменении значения свойства

Value

инициируется событие

ValueChanged

.

Для иллюстрации работы ползунка нужно создать новый проект и разместить на форме два элемента

TrackBar

. Один из них будет расположен горизонтально, а второй — вертикально. При этом положение ползунков на шкалах будет синхронизировано (рис. 3.8).

Рис. 3.8.

Пример работы с ползунками

В листинге 3.11 приведен код, отвечающий за функциональность ползунков.

Листинг 3.11

private void trackVert_ValueChanged(object sender, EventArgs e) {

 this.trackHoriz.Value = this.trackVert.Value;

}

private void trackHoriz_ValueChanged(object sender, EventArgs e) {

 this.trackVert.Value = this.trackHoriz.Value;

}

Когда пользователь передвинет один ползунок, то второй ползунок автоматически будет переведен в то же положение, что и первый.

Элемент ToolBar

Элемент управления

ToolBar

позволяет создавать собственную панель инструментов. Во многих случаях использование панели инструментов может принести разработчику больше выгод, чем применение меню. Следует учитывать, что панель инструментов позволяет использовать изображения, что делает работу с этим элементом удобным и наглядным. В .NET Compact Framework элемент

ToolBar

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

ImageList

. В приложениях для КПК панель инструментов всегда располагается в нижней части экрана справа от пунктов меню (рис. 3.9).

Рис. 3.9. Панель инструментов в приложении

Чтобы добавить в приложение элемент

ToolBar

, нужно сначала переместить на форму элемент управления

ImageList

. Значок

ImageList

появится в нижней части окна

Form Designer

рядом с элементом

mainMenu

. В окне редактора свойств

Properties

нужно выбрать свойство

Images

и нажать кнопку редактирования. В результате будет открыто диалоговое окно

Image Collection Editor

.

В этом окне следует добавить изображения, предназначенные для панели инструментов. Рекомендуется использовать картинки размером 16×16 пикселов, чтобы при их отображении не возникло искажений. Выбранные изображения включаются в состав приложения, и их не придется отдельно поставлять вместе с программой.

Теперь на форму надо перенести элемент

ToolBar

. В его свойстве

ImageList

надо указать имя добавленного ранее элемента

ImageList

. В рассматриваемом примере использовалось имя по умолчанию

ImageList1

. Затем надо перейти к свойству

Buttons

и активировать окно редактора

ToolBarButton Collection Editor

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

Add

. Для каждой добавленной кнопки следует задать свойство

ImageIndex

. При необходимости разработчик может изменить стиль отображения кнопок. По умолчанию используется стиль

PushButton

, который создает обычные кнопки. Если для кнопки задать стиль

DropDownButton

, то при ее нажатии будет отображаться меню или другое окно. Справа от кнопки на панели инструментов отображается стрелка.

Стиль

Separator

позволяет создавать разделители между кнопками на панели управления. Стиль

ToggleButton

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

Итак, панель инструментов уже готова, хотя еще не было написано ни одной строчки кода. При щелчке на кнопках элемента

ToolBar

возникает событие

ButtonClick

. В листинге 3.12 приведен код, обрабатывающий нажатие первых двух кнопок.