Основные элементы управления в интерфейсе программных продуктов

К числу основных элементов управления (Controls) в современном интерфейсе пользователя программ относятся следующие визуальные объекты (см. рис. 2.1): окна, меню и кнопки нескольких типов, надпись со статическим текстом, поле с редактируемым текстом, список, поле со списком, счетчик, переключатели, флажки, полосы прокрутки.

Окно – важнейший элемент интерфейса современных программных средств. Операционные системы (ОС) корпорации Microsoft потому и называются Windows (окна), что работают с окнами – прямоугольными рабочими областями экрана. Когда мы включаем компьютер, то на экране появляется основное окно ОС Windows, называемое рабочим столом (см. рис. 2.2). После вызова какого-нибудь приложения в пределах рабочего стола размещается его окно. На рис. 2.1 показано типичное окно современного приложения – окно Excel (MS Office (версии 1997–2003)). В пределах изображенного размещаются: строка заголовка с кнопками системного меню, строка меню, панели инструментов, строка состояния и рабочее окно со своей строкой заголовка и полосами прокрутки. Таким образом, окна могут вкладываться друг в друга: окна приложений размещаются на рабочем столе, а рабочие окна, в которых приложения отображают состояние документов и других невидимых объектов, размещаются в пределах окна приложения.

Рис. 2.1. Основные элементы управления в интерфейсе программных продуктов

Окно может быть «распахнуто», т. е. полностью занимать рабочий стол (если это окно приложения) или рабочую область окна приложения. Но оно может и делить рабочую область с другими открытыми окнами. Состояние окна можно изменить с помощью средней кнопки системного меню, размещенного в правой части строки заголовка каждого окна. На рис. 2.1 окно приложения Excel распахнуто, а рабочее окно документа «Элементы управления программами» занимает только часть рабочей области приложения Excel. В пределах этой области окно можно передвигать «взявшись» за строку заголовка, т. е. поместив указатель мыши в пределы этой строки и удерживая нажатой левую кнопку мыши. Можно изменять размеры окна, «взявшись» за его границу или угол и перемещая мышь. С помощью правой кнопки системного меню окно можно закрыть; при этом программа обязательно выведет поверх рабочего окна небольшое диалоговое окно, содержащее кнопки с надписями, позволяющие пользователю не сохранять или же сохранить в файле документ, отображаемый в закрываемом окне. Во многих случаях пользователь желает временно освободить место на экране, не закрывая активное приложение или документ. В таких случаях надо нажать левую кнопку системного меню – окно исчезнет из рабочей области, но на панели задач ОС (см. рис. 2.2) появится кнопка с надписью в виде заголовка свернутого окна. Если нажать на эту кнопку (навести на нее мышь и щелкнуть левой кнопкой), то окно вновь распахнется. Следовательно, с помощью панели задач ОС и системных меню окон удобно переключаться с приложения на приложение или с одного документа на другой. Завершая рассмотрение роли окон, поясним также их типы. Кроме рабочего стола ОС, окон приложений и размещаемых внутри них окон документов, широко используются диалоговые окна и окна папок, отображающие состав каталогов файлов, называемых в ОС Windows папками.

Диалоговые окна называют еще модальными – программа не станет ничего делать, пока пользователь не сделает один или несколько выборов с по­мощью элементов управления, размещенных в окне, и не нажмет кнопку Ok (Готово, Принять и т. п.) или Cancel (Отменить, Отказаться). После этого диалоговое окно исчезнет и программа продолжит работу.

Содержимое папок также просматривают в окнах (см. рис. 2.2). Пока достаточно представлять, что все приложения, документы и другие данные хранятся как бы в контейнерах – файлах, а файлы группируются в папки (каталоги) по принадлежности к одному проекту, одному владельцу или по какому-нибудь другому принципу. Файл – это поименованный фрагмент данных, обычно хранимый в энергонезависимой памяти (например, на жестком диске), содержимое которой сохраняется и после выключения компьютера. Папки образуют иерархическое дерево. Самая общая папка (ствол дерева) называется «Мой компьютер» (рис. 2.2). Внутри этой папки находятся другие (ветви, отходящие от ствола), например, папка, отображающая состав жесткого диска С (обозначается С:). Внутри папки С: размещаются папки Windows (обозначается C:\Windows), Program Files, Мои документы и др. В каждой из этих папок снова размещаются папки и файлы, так что файлы можно сравнить с листьями дерева. Если в окне, отображающем состав папки, навести мышь на значок (разновидность кнопки), обозначающий вложенную папку, и выполнить двойной щелчок левой кнопкой, то появится окно, отображающее состав вложенной папки, и т. д. К файлам и папкам мы еще вернемся, а здесь продолжим рассмотрение элементов управ­ления.

Кнопка (Button, Command Button) – важнейший после окна элемент управления в интерфейсе пользователя. По форме кнопка может быть прямоугольником с надписью или значком с рисунком. Кнопки мы видим почти в каждом окне и обязательно – в диалоговом. Поскольку надпись на кнопке может быть очень краткой, а рисунок – символическим и не сразу понятным, то во многих приложениях используются подсказки (примечания). Подсказка появляется в виде текста в рамке, если на кнопку навести указатель мыши.

Рис. 2.2. Важнейшие элементы интерфейса ОС Windows: рабочий стол с размещенными на нем ярлыками часто используемых программ и окнами открытых папок; панель задач с кнопкой Пуск и кнопками для активизации свернутых программ и папок

Меню (Menu) представляет собой совокупность кнопок. Меню приложения (см. рис. 2.1) называют еще главным меню. Оно состоит из пунктов, некоторые из которых (Файл, Правка, Вид, Формат, Сервис, Окно, ? – помощь-справка) присутствуют в меню большинства приложений. При выборе пункта меню (щелчок мышью) раскрывается подменю, пунктам которого соответствуют событийные процедуры, реализующие функции приложения. Пункты меню Файл служат для запоминания (сохранения на диске) создаваемых документов, для их открытия, печати и т. д. Пункты меню Правка позволяют отыскивать фрагмент текста, заменять его на другой, копировать в буфер обмена, вставлять из буфера в документ. Пункты меню Вид обычно определяют особенности представления документа на экране, масштаб изображения, элементы разметки страницы, требуемые панели инструментов. Например, панель инструментов Рисование надо помещать на экран для рисования схем и других рисунков. В остальных случаях эта панель просто будет занимать место, сужая рабочее окно документа. Пункты меню Формат служат для выбора шрифта, отступов строк в абзацах, способов их выравнивания (например, по центру страницы, по ширине – по обоим краям) и т. п. В меню Сервис, кроме разнообразных пунктов, регламентирующих «поведение» программы в различных ситуациях, обычно присутствует пункт Параметры. В соответствующем ему диалоговом окне есть возможность указать рабочий каталог, который программа будет предлагать пользователю для размещения его файлов. Меню Окно служит для переключения с одного документа на другой, если пользователь одновременно открыл или создал несколько файлов и работает с несколькими документами. Наконец, меню Помощь (?) открывает доступ к документации, поясняющей функции программы и методы работы. Необходимо также отметить, что большая часть функций, предоставляемых пунктами меню Файл, Правка, Формат, для удобства дублируется панелями инструментов Стандартная и Форматирование. Эти панели присутствуют в окне приложения, если установлены соответствующие флажки в диалоговом окне, появляющемся после выбора пункта меню Вид/Панели инструментов. Кроме главного меню, во всех современных приложениях используются контекстные меню, «всплывающие», если на выделенном объекте щелкнуть правой кнопкой мыши – это уже пояснялось в подразделе 2.1.

Надпись со статическим текстом (Label) обычно используется для вывода заголовков. Часто надпись размещается рядом с элементом управления, который не имеет собственного заголовка (свойства Caption). К числу таких элементов, например, относятся объекты поле и счетчик.

Поле (Text Box) – элемент управления, предназначенный для ввода и редактирования данных. Вводимый текст может быть длиннее стороны прямоугольника, ограничивающего поле, т. е. может быть похож на бегущую строку.

Счетчик (Spin Button) – элемент управления, используемый для изменения числового значения, выводимого в поле. Чаще всего счетчик размещается рядом с полем. Например, поле может отображать количество копий документа, выводимых на печать, а счетчик служит для удобства изменения этого числа. Счетчик, по существу, состоит из двух кнопок – для увеличения и уменьшения числа, хранимого в виде свойства счетчика «Значение» (Value).

Список (List Box) – применяется для хранения текстовых строк – элементов списка. В списке пользователь выбирает один или несколько элементов. Предположим, например, что список включает в себя названия информационных слоев карты местности: автомобильные дороги, железные дороги, малые населенные пункты, крупные населенные пункты, реки, озера и т. д. Программа предоставляет пользователю этот список в диалоговом окне, а пользователь выбирает те элементы, которые ему требуются на карте, которую построит программа. Чтобы выбрать сразу несколько элементов списка, надо, удерживая нажатой клавишу Ctrl, поочередно щелкнуть мышкой по каждому элементу. Если выбираемые элементы размещены в списке последовательно, то можно щелкнуть только по первому и последнему элементу, но в этом случае надо удерживать клавишу Shift.

Поле со списком (Combo Box) – позволяет выбрать элемент из списка или ввести данные вручную. Текущее значение отображается в поле, а список возможных значений раскрывается при нажатии кнопки со стрелкой.

Переключатели (Option Buttons) – используются для предоставления возможности выбора одного варианта из нескольких (многих). В одной группе переключателей можно выбрать только один. Для объединения переключателей в группу, а также для группировки других элементов управления часто используется еще один объект – рамка (Frame). Важнейшим из свойств рамки является заголовок (Caption).

Флажок (Check Box) – квадратик, который пользователь может пометить, щелкнув по нему мышью. В помеченном квадратике появляется галочка. Если по флажку щелкнуть мышью повторно, то галочка исчезнет, т. е. пометка будет отменена. Одним из свойств флажка является заголовок (Caption), располагающийся справа от квадратика. Заголовок – это название флажка, поясняющее его смысл. Например, если при использовании текстового процессора Word выбрать пункт меню Сервис/Язык/Расстановка переносов, то появится диалоговое окно, в котором можно пометить флажок Автоматическая расстановка переносов. В зависимости от состояния этого флажка Word поступает по-разному, когда очередное слово не помещается в текущей строке. Если флажок не установлен, то слово целиком перейдет в следующую строку. Если флажок установлен, то слово будет перенесено по слогам.

В приложениях Microsoft Office 2007–2010 внешний вид окна изменился.

На рис 2.3 показано окно приложения Excel.

Рис. 2.3. Окно приложения Microsoft Office 2010

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

Лента инструментов находится вверху окна с расположенными на ней инструментами, которые объединены в группы. Она имеет несколько вкладок некоторые из них – Главная, Вставка, Разметка страницы, Рассылки, Рецензирование, Вид.

Названия вкладок размещаются над самой лентой и заменяют собой строку меню. Переход между ними осуществляется щелчком мыши по их названиям. При выборе вкладки на ленте инструментов отображаются группы инструментов, предназначенные для выполнения соответствующих действий. Кнопка Файл служит для запоминания (сохранения на диске) создаваемых документов, для их открытия, печати и т. д. В ней также присутствует команда Параметры, в соответствующем ей диалоговом окне есть следующие возможности:

• указать рабочий каталог, который программа будет предлагать пользователю для размещения его файлов;

• вынести кнопки на панель быстрого доступа;

• команда настройка ленты позволяет добавить вкладки и т. п.;

• команда Справка открывает доступ к документации, поясняющей функции программы и методы работы.

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

Кроме ленты инструментов и вкладок, во всех современных приложениях используются контекстные меню, «всплывающие», если на выделенном объекте щелкнуть правой кнопкой мыши – это уже пояснялось в подразделе 2.1.