В приложении эффективным может быть применение контекстного меню. Контекстное меню представлено в среде Delphi компонентом PopupMenu (рис. 10).
Рис. 10. Компонент
PopupMenu
Контекстное меню, как и главное меню, наполняется пунктами в дизайнере меню.
Каждый пункт меню помимо текста может содержать красочный значок, наглядно поясняющий назначение пункта. Самый простой способ создания значка в пункте меню — установить свойство Bitmap.
Такой способ создания значков в меню прост, но не всегда удобен. В тех случаях, когда в приложении количество пунктов меню исчисляется десятками и многие пункты главного меню дублируются в контекстных меню и на панели кнопок, использовать для каждого пункта отдельную копию одного и того же значка неэффективно и неудобно. В таких случаях рекомендуется использовать компонент ImageList в палитре компонентов на вкладке Win32.
10. Эргономика. Очень важным для интерфейса является эргономический аспект, который учитывает: комфортность экранного представления информации, достаточную оперативность реакции программного средства на действия пользователя, удобство манипулирования мышью и клавиатурой, удобство навигации, шрифты, цветовое оформление и т. д.
Цель создания эргономичного интерфейса состоит в том, чтобы отобразить информацию настолько эффективно, насколько это возможно для человеческого восприятия, и структурировать отображение на дисплее таким образом, чтобы привлечь внимание к наиболее важным единицам информации. Основная же цель состоит в том, чтобы минимизировать общую информацию на экране и представить только то, что является необходимым для пользователя.
Данные на экране следует располагать таким образом, чтобы пользователь знал, где найти и где ожидать вывода необходимой информации.
Количество информации, отображаемой на экране, называется экранной плотностью. Исследования показали, что чем меньше экранная плотность, тем отображаемая информация наиболее доступна и понятна для пользователя, и, наоборот, если экранная плотность большая, это может вызвать затруднения в усвоении информации. Однако опытные пользователи могут предпочитать интерфейсы с большой экранной плотностью. Информация на экране может быть сгруппирована и упорядочена в значимые части. Это может быть достигнуто с использованием кадров (фреймов), методов типа цветового кодирования, рамок, негативного изображения или других методов для привлечения внимания.
Для привлечения внимания к каким-либо элементам интерфейса можно воспользоваться выделением этих элементов большей яркостью на фоне других – более темных.
4. Пример разработки приложения
Создать программу Калькулятор.
Данная программа выполняет основные арифметические действия, такие, как сложение и вычитание, а также функции инженерного калькулятора, например нахождение квадратного корня.
Порядок выполнения работы
Вначале с помощью Инспектора Объектов изменим некоторые свойства Формы. Например, изменим заголовок приложения Form1 на калькулятор. Для этого в поле Caption сотрем Form1 и введем калькулятор (рис. 11).
Рис. 11. Разработка формы приложения
На подготовленную форму помещаем командные кнопки Button1,Button2,…,ButtonN, щелкнув на пиктограмме Button со страницы Standart, и компонент Edit1. Затем нужно щелкнуть на той точке формы, где нужно разместить командную кнопку или компонент.
З
аменяем
компонент Edit1
на edOut,
кнопки Button1,
Button2,…,
ButtonN
соответственно
на
btnBack,
btnCe,
btnC,
btn7,
btn8,
btn9,
btn4,
btn5,
btn6,
btn1,
btn2,
btn3,
btn0,
btnZnak,
btnZap,
btnDel,
btnSqrt,
btnUmn,
btnKvad,
btn1Dx,
btnMin,
btnPlus,
btnRav.
Замена названия производится в Инспекторе
Объектов
в параметре Caption.
Расположение и размеры кнопок можно
легко изменить непосредственно на
форме с помощью мыши.У этих компонентов следует очистить свойство Text (Текст), которое определяет текст, содержащийся в строке в момент появления ее на экране. Положение и размер компонентов меняется непосредственно на форме. Выделим поле и удалим текст в Инспекторе Объектов в параметре Text.
Окончательная форма изображена на рис. 12.
Рис.12. Внешний вид формы
Для создания обработчика событий необходимо дважды щелкнуть на кнопке Button. В результате появляется окно кода с макетом процедуры-обработчика.
Фрагмент программы
procedure TForm1.btn7Click(Sender: TObject);
begin
edout.Text:=edout.Text+'7';
end;
procedure TForm1.btn8Click(Sender: TObject);
begin
edout.Text:=edout.Text+'8';
end;
procedure TForm1.btn9Click(Sender: TObject);
begin
edout.Text:=edout.Text+'9';
end;
procedure TForm1.btn4Click(Sender: TObject);
begin
edout.Text:=edout.Text+'4';
end;
procedure TForm1.btn5Click(Sender: TObject);
begin
edout.Text:=edout.Text+'5';
end;
procedure TForm1.btn6Click(Sender: TObject);
begin
edout.Text:=edout.Text+'6';
end;
procedure TForm1.btn1Click(Sender: TObject);
begin
edout.Text:=edout.Text+'1';
end;
procedure TForm1.btn2Click(Sender: TObject);
begin
edout.Text:=edout.Text+'2';
end;
procedure TForm1.btn3Click(Sender: TObject);
begin
edout.Text:=edout.Text+'3';
end;
procedure TForm1.btn0Click(Sender: TObject);