Взаимодействие с пользователями программы. Пользовательский интерфейс

На этом занятии Вы узнаете, что такое пользовательский интерфейс (UI), что такое элементы управления и как добавить элементы управления в пользовательский интерфейс.

В самом начале развития персональных компьютеров, пользователи работали с программами в основном через командную строку. Программа запускалась и затем приостанавливалась для получения ввода данных пользователем. Большая часть программ, используемых в настоящее время, однако, работают в одном или нескольких окнах. Эти окна позволяют пользователю работать с программой, или реализуют интерфейс, путем ввода, использования кнопок, выбора элементов меню и т. д. В этом и последующих занятиях вы узнаете, как создаются собственные интерфейсы пользователя под управлением Windows.

Использование форм

Формы являются основными блоками построения пользовательского интерфейса. Каждая форма в приложении представляет окно, которое появляется перед пользователем. При работе в IDE (интегрированной среде разработки) Visual Basic, форма является конструктором, предназначенным для разработки пользовательского интерфейса приложения, практически так же, как создается рисунок в Windows Paint.

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

Каждый элемент управления в Visual Basic имеет собственное предназначение. Например, элемент TextBox используется для ввода текста, тогда как PictureBox используется для отображения рисунков. Существует более пятидесяти элементов управления из состава Visual Basic; можно также создать собственные элементы управления, которые называются пользовательскими элементами управления. В ходе дальнейших занятий Вы более подробно узнаете о каждом из видов элементов управления.

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

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

Практическое задание

Изменение свойств формы

1. В меню Файл выберите Создать проект.

2. В диалоговом окне Создание проекта в области Шаблоны выберите Приложение Windows.

3. В поле Имя введите FirstForm и нажмите кнопку ОК.

Создается новый проект Windows Forms. Новая форма появится в главном окне и ее свойства будут видны в окне Свойства в правом нижнем углу интегрированной среды разработки Visual Basic.

4. Нажмите на форму, чтобы выделить ее.

5. В окне Свойства измените свойство Text на "Моя первая форма" и нажмите клавишу ENTER.

Текст в верхней части формы изменится после ввода нового значения.

6. В окне Свойства измените свойство BackColor на другой цвет, выбрав цвет из выпадающего меню.

Обратите внимание, что свойство BackColor изменяется через специальный интерфейс. Этот интерфейс позволяет просмотреть цвет, прежде чем выбрать его, и позволяет выбирать системные, стандартные веб-цвета или пользовательские цвета. Можно также просто ввести имя цвета (например Red) в поле окна Свойства.

Поэкспериментируйте, изменяя другие свойства формы. Когда будете готовы, переходите к следующей процедуре.

Добавление элементов управления к форме

В этой процедуре посредством выделения элемента управления в окне Панели элементов и последующего перетаскивания его на форму, добавьте на форму элемент управления, который обычно находится на левой стороне интегрированной среды разработки Visual Basic. Затем следует настроить свойства элемента управления.