Лекции по ЧМВ-дополнительные (1022759), страница 7

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 7)

Текстовые редакторы предназначены для ввода, редактирования и/или отображения текста. Определены однострочные и многострочные редакторы. Простейший редактор (Edit) предназначен для ввода, отображения или редактирования одной строки текста. Он называется иначе строкой ввода и поддерживает стандартные операции редактирования текста. В поле редактора вводятся только символы. Поэтому если редактор используется для ввода численных данных, то обработчик вводимых данных должен проверять правильность вводимых символов и осуществлять преобразование строки символов в число.

Редактор с маской (MaskEdit) отличается от редактора Edit тем, что позволяет фильтровать вводимые данные. Это позволяет правильно отображать данные, или прятать вводимый пароль. Например, при вводе номера телефона нужно вводить только десятичные цифры в определенные позиции. В редактор MaskEdit введен редактор поля маски, который может задать фильтрующую маску на вводимые символы, допускающую ввод в отмеченные в поле редактора позиции только цифр, с игнорированием любых других символов. На рисунке ниже показаны редактор Edit слева и редактор MaskEdit справа. Под ними показаны метки Label, в которых отображены данные введенные в редакторы.

Многострочный текстовый редактор (Memo) предназначен для ввода, редактирования и/или отображения многострочного текста. Редактор форматируемого текста (RichEdit) отличается от редактора Memo поддержкой правил RTF (Rich Text Format - Расширенный Текстовый Формат). В нем можно, например, перетаскивать мышью выделенные фрагменты текста. На рисунке представлены компоненты Memo (слева) и RichEdit (справа) в конструкторе формы (вверху) и при исполнении (внизу). Если в компонентах определены линейки прокрутки, то при исполнении они блокируются, пока текст умещается в поле компонента..

5.4.3. Дискретные числовые поля

Дискретные числовые поля предназначены для отображения дискретных численных значений в некотором интервале. Например, чисел в интервале 0...100 с шагом 2 Компонент SpinEdit при нажатии на кнопки со стрелками увеличивает или уменьшает текущее значение в поле на величину шага. Шаг должен быть целым числом.

1. Поле назначения горячих клавиш

2. Позволяет запросить у пользователя комбинацию клавиш-акселераторов (горячих клавиш) для быстрого выполнения заданного действия. Поле содержит список запрещенных для назначения клавиш, что дает возможность избежать системных ошибок. На рисунке слева показано поле назначения горячих клавиш, а справа окно Инспектора объектов среды разработки, в котором можно выбрать запрещенные горячие клавиши.

5.5. Панель инструментов и строка состояния

Панель инструментов (ToolBar) - специальный компонент для создания функционально ориентированных наборов элементов управления. Панель содержит элементы управления, обеспечивающие быстрый доступ к часто исполняемым командам или свойствам объектов. Панели могут размещаться в любом месте экрана, иметь любую ориентацию. Панели могут отображаться как в виде полосок, так и в виде палитры с табличным отображением элементов. Различают несколько типов панелей инструментов, имеющих свои названия.

Строка состояния - это специальная область первичного окна (обычно в нижней его части), предназначенная для вывода информации о текущем состоянии объектов или процессов. Например, там можно разместить данные о состоянии клавиатуры или выводить любые сообщения. Рекомендуется размещать в статусной строке информацию "только для чтения", избегая включения в нее интерактивных элементов.

В качестве иллюстрации на рис. 5.5.1. показано окно редактора Word с панелями Стандартная и Форматирование в виде полосок под главным меню, панелью Рисование в форме палитры в рабочей области окна, горизонтальной и вертикальной Линейками масштабирования и Строкой состояния внизу первичного окна.

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

• скрыть панель,

• переместить ее в любое место экрана,

• изменить набор элементов.

• менять размер пиктограммы (обычно это 24х22 и 32х30 пикселей).

5.6. Другие элементы графического интерфейса

5.6.1. Группирующий блок
5.6.2. Этикетка вкладки
5.6.3. Полосы прокрутки
5.6.4. Ползунковый регулятор
5.6.5. Индикатор состояния прогресса
5.6.6. Всплывающая подсказка
5.6.7. Коллекции

В этом разделе рассмотрены другие элементы ПИ, которые могут полезны при разработке приложений.

5.6.1. Группирующий блок

Группирующий блок - это специальный элемент, который применяется для визуального объединения нескольких элементов интерфейса (в том числе разнотипных). Представляет собой прямоугольную рамку с текстовой меткой, обрамляющую группу элементов.

5.6.2. Этикетка вкладки

5.6.3. Полосы прокрутки

Полоса прокрутки, или скроллинга (ScrollBar), используется для просмотра не умещающихся в поле просмотра областей окна. Полоса прокрутки бывает горизонтальной и вертикальной. Обычно полосы прокрутки делаются невидимыми, если вся область окна умещается в поле просмотра. Полоса прокрутки содержит кнопки со стрелками для перемещения области просмотра в направлении, указанном кнопками, а также ползунок, перемещая который мышью пользователь может быстро менять область просмотра. Размер ползунка идентифицирует долю просматриваемой области по отношению ко всему окну.

5.6.4. Ползунковый регулятор

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

5.6.5. Индикатор состояния прогресса

Индикатор состояния прогресса (ProgressBar) позволяет визуализировать состояние выполняемого процесса, отображая долю выполненной работы от всей. Индикатор состоит из полоски, определяющей весь процесс, в которую слева врисовывается заполнение, показывающее выполненную часть процесса. Индикатор полезен также для обнаружения зависания компьютера.

5.6.6. Всплывающая подсказка

Всплывающая подсказка (ToolTip) - это небольшое окно, содержащее поясняющий текст, которое появляется на экране, когда пользователь размещает указатель мыши на элементе управления. Подсказка, как правило, размещается ниже и правее курсора и отображается фиксированное время. При уводе указателя с элемента подсказка исчезает. Есть возможность изменения свойств элемента.

5.6.7. Коллекции

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

5.7. Выбор визуальных атрибутов отображаемой информации

5.7.1. Композиция и организация
5.7.2. Цвет
5.7.3. Шрифт
5.7.4. Многомерность экрана
5.7.5. Пространственное размещение визуальных элементов
5.7.6. Визуализация выполняемых операций

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

Для всех приложений, использующих ГПИ, справедливы следующие рекомендации:

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

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

• Необходимо эффективно использовать экран приложения. Не размещайте на экране много мелких элементов.

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

• Применяйте ненавязчивые средства привлечения внимания пользователя к тем или иным элементам информации.

5.7.1. Композиция и организация

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

• отдельно стоящие, а не сгруппированные,

• крупные, а не мелкие,

• графические, а не текстовые,

• выделенные цветом, а не черно-белые.

Поэтому при проектировании визуальных элементов ПИ целесообразно опираться на следующие принципы:

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

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

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

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

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

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

5.7.2. Цвет

Характеристики

Список файлов лекций