domainUpDown1.Items.Add("Item 2");
domainUpDown1.Items.Add("Item 3");
domainUpDown1.Items.Add("Item 4");
domainUpDown1.ReadOnly = true;
}
private void domainUpDown1_SelectedItemChanged(object sender,
System.EventArgs e) {
label1.Text = domainUpDown1.SelectedIndex.ToString();
label2.Text = domainUpDown1.Items[domainUpDown1.SelectedIndex].ToString();
}
Элемент ProgressBar
Элемент управления ProgressBar предназначен для индикации процесса выполнения какой-либо операции. Как правило, данный элемент активно используется при выполнении долгих операций, чтобы пользователь получил иллюзию контроля над работой приложения.
Чаще всего разработчик оперирует свойствами Minimum, Maximum и Value. Свойства Minimum и Maximum задают минимальное и максимальное значения свойства Value. А свойство Value определяет текущее значение индикатора.
Как правило, данный элемент отображается в момент начала долгой операции, а после ее завершения делается невидимым с помощью метода Hide или свойства Visible.
Для демонстрации работы индикатора прогресса было создано приложение, которое позволит отследить время варки яиц вкрутую. Предположим, что для варки достаточно трех минут. Нужно положить яйца в воду и запустить таймер. По истечении трех минут приложение должно отобразить соответствующее сообщение. Основной код приложения приведен в листинге 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. Пример работы со строкой состояния
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 приведен код, отвечающий за функциональность ползунков.
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, то при ее нажатии будет отображаться меню или другое окно. Справа от кнопки на панели инструментов отображается стрелка.