Взаимодействие с пользователями программы. Пользовательский интерфейс
Обновлен: Ноябрь 2007
На этом занятии Вы узнаете, что такое пользовательский интерфейс (UI), что такое элементы управления и как добавить элементы управления в пользовательский интерфейс.
В самом начале развития персональных компьютеров, пользователи работали с программами в основном через командную строку. Программа запускалась и затем приостанавливалась для получения ввода данных пользователем. Большая часть программ, используемых в настоящее время, однако, работают в одном или нескольких окнах. Эти окна позволяют пользователю работать с программой, или реализуют интерфейс, путем ввода, использования кнопок, выбора элементов меню и т. д. В этом и последующих занятиях вы узнаете, как создаются собственные интерфейсы пользователя под управлением Windows.
Использование форм
Формы являются основными блоками построения пользовательского интерфейса. Каждая форма в приложении представляет окно, которое появляется перед пользователем. При работе в IDE (интегрированной среде разработки) Visual Basic, форма является конструктором, предназначенным для разработки пользовательского интерфейса приложения, практически так же, как создается рисунок в Windows Paint.
Элементы управления используются в режиме конструктора для создания внешнего вида пользовательского интерфейса. Элемент управления представляет собой объект, имеющий предварительно установленный внешний вид и поведение. Например, элемент управления Button выглядит и функционирует как кнопка, когда пользователь нажимает на нее, ее вид меняется, показывая, что произошло нажатие.
Каждый элемент управления в Visual Basic имеет собственное предназначение. Например, элемент TextBox используется для ввода текста, тогда как PictureBox используется для отображения рисунков. Существует более пятидесяти элементов управления из состава Visual Basic; можно также создать собственные элементы управления, которые называются пользовательскими элементами управления. В ходе дальнейших занятий Вы более подробно узнаете о каждом из видов элементов управления.
При разработке пользовательского интерфейса, перетащите элемент управления из Панели элементов, перенесите его на форму, а затем измените размер, чтобы добиться желаемого вида. Далее можно изменить внешний вид путем задания свойств формы и элементов управления в окне Свойства. Например, формы и большинство элементов управления имеют свойство BackColor, которое используется для задания цвета фона.
Свойства также используются для определения поведения формы или элемента управления. Например, свойство формы ShowInTaskbar определяет, будет ли форма отображаться в Панели задач Windows при запуске программы. С помощью свойств можно настроить внешний вид и поведение пользовательского интерфейса.
Практическое задание
Изменение свойств формы
В меню Файл выберите Создать проект.
В диалоговом окне Создание проекта в области Шаблоны выберите Приложение Windows.
В поле Имя введите FirstForm и нажмите кнопку ОК.
Создается новый проект Windows Forms. Новая форма появится в главном окне и ее свойства будут видны в окне Свойства в правом нижнем углу интегрированной среды разработки Visual Basic.
Нажмите на форму, чтобы выделить ее.
В окне Свойства измените свойство Text на "Моя первая форма" и нажмите клавишу ENTER.
Текст в верхней части формы изменится после ввода нового значения.
В окне Свойства измените свойство BackColor на другой цвет, выбрав цвет из выпадающего меню.
Обратите внимание, что свойство BackColor изменяется через специальный интерфейс. Этот интерфейс позволяет просмотреть цвет, прежде чем выбрать его, и позволяет выбирать системные, стандартные веб-цвета или пользовательские цвета. Можно также просто ввести имя цвета (например Red) в поле окна Свойства.
Поэкспериментируйте, изменяя другие свойства формы. Когда будете готовы, переходите к следующей процедуре.
Добавление элементов управления к форме
В этой процедуре посредством выделения элемента управления в окне Панели элементов и последующего перетаскивания его на форму, добавьте на форму элемент управления, который обычно находится на левой стороне интегрированной среды разработки Visual Basic. Затем следует настроить свойства элемента управления.
Добавление элементов управления в форму
Из Панели элементов перетащите на форму следующие элементы управления: Button, TextBox, Label и CheckBox.
Выберите элемент управления Button и перетащите его в пределах формы, чтобы изменить его расположение.
Обратите внимание, как отображаются направляющие линии при перетаскивании элемента рядом с другими элементами управления. Эти направляющие помогут вам точно размещать элементы управления.
Повторите те же действия с другими элементами управления до тех пор, пока пользовательский интерфейс не приобретет нужного вида.
Выберите элемент управления Button, выделите его и перетащите маркер изменения размера в правом нижнем углу, чтобы изменить его размер.
Поэкспериментируйте со свойствами элементов управления. Нажмите на каждый элемент управления на форме, чтобы выделить его, а затем изменить некоторые его свойства в окне Свойства. Свойства, которые следует попытаться изменить: Font, BackColorForeColor и Text. Дополнительные сведения см. в разделе Подробное рассмотрение. Общее представление о макете элемента управления.
Нажмите клавишу F5 для запуска приложения. Появится окно с добавленными элементами управления. Обратите внимание, что можно нажать на кнопку, убрать флажок и написать текст в текстовом поле.
Следующие действия
В этом уроке мы объяснили, как создать форму и добавить на нее элементы управления. Вы также узнали, как изменить свойства формы и элементов управления в окне Свойства. В ходе следующих нескольких занятий вы сможете более подробно ознакомиться с некоторыми элементами управления.
Следующее занятие: Взаимодействие с пользователем. Использование кнопок
См. также
Основные понятия
Подробное рассмотрение. Понятие о свойствах, методах и событиях