Бильфельд Н.В., Затонский А.В. Основы разработки интерфейсов: Реализация в системе Borland Delphi
Подождите немного. Документ загружается.
90
•
Заставка должна присутствовать определенное время, ровно столько,
чтобы пользователь смог ее разглядеть, но не больше, чтобы не
раздражать пользователя и не задерживать его работу.
И все же основная цель заставки – это не наведение красоты, а совсем
другая. Заставки используются в тех случаях, когда при инициализации
главной формы должны выполниться какие-либо процессы, требующие
затрат времени. Это может быть открытие больших файлов, выполнение
сложных запросов к данным и т.д. Если в данном случае не использовать
заставки, то элементы интерфейса определенное время будут не доступны,
пока перечисленные процессы не выполнятся. Также на экране вместо
формы может присутствовать белое пятно, что также связано с длительным
выполнением отдельных процессов.
Заставка, как правило, выводится до главной формы, при этом главная
форма не видна.
Пример № 20
Поместим на главную форму метку и напишем следующую процедуру,
имитирующую процесс выполнения какого-либо действия:
Procedure TForm1.Install;
Var I,J,K:Word;A:Longint;
Begin
Form1.Visible:=False;
A:=0;
For I:=1 To 1000 Do For J:=1 To 1000 Do For K:=1 To 1000 Do A:=A+1;
Label1.Caption:=IntToStr(A);
Form1.Visible:=True;
End;
Добавим к проекту вторую форму – это и будет форма заставки
Укажем в разделе описания модулей первой формы Unit2. Поместим на
вторую форму компоненты Image (страница Additional) и Animate (страница
Win32). Загрузим в Image какую-нибудь картинку, например:
Programs File\Common File\Borland\Images\Splash\256Color\Shipping.bmp
Установим свойство AutoSize компонента Image в истину. Загрузим в
Animate файл (свойство FileName), например:
Programs File\Borland\Delphi5\Demos\Coolstuf\Cool.avi
Расположим все на форме, как показано на рис. 69.
91
Рис. 69. Внешний вид главной формы заставки примера № 20
Назначим новый раздел Protected и объявим в нем следующую
процедуру:
Public
{ Public declarations }
Protected
procedure CreateParams(var Params: TCreateParams); override;
End;
Для процедуры создания формы напишем следующий код:
Procedure TForm2.FormCreate(Sender: TObject);
begin
Animate1.Open:=True; Animate1.Active:=True;
end;
Для объявленной процедуры CreateParams напишем следующий код
Procedure TForm2.Createparams(var Params: TCreateParams);
{Убираем заголовок окна}
begin
inherited CreateParams(Params);
with Params do Style := (Style or WS_POPUP) and (not WS_DLGFRAME);
end;
Вернемся к главной форме. Опишем глобальные переменные
Var
T:Integer;
Напишем свою процедуру:
Procedure TForm1.Logotyp;
Var B:Boolean;
Begin
Form2:=TForm2.Create(nil); Form2.Show;Form2.Update; T:=GetTickCount;
While (GetTickCount-T)< 2000 Do Begin
92
Form2.Update;
End;
{То, что необходимо сделать при загрузке главной формы}
Install;
Repeat
Form2.Update;
Until Form1.Visible;
Form2.Free;
End;
Для процедуры создания формы напишем следующий код:
procedure TForm1.FormCreate(Sender: TObject);
begin
Logotyp;
end;
При запуске программы на экран выведется вторая форма (заставка) и
будет присутствовать до тех пор, пока не закончится обработка циклов на
главной форме проекта. Если обработка циклов закончится быстрее, чем за
2000 миллисекунд (можно поэкспериментировать с переменными) вторая
форма закроется только после того, как пройдет указанное время.
Заключение
К учебному пособию прилагается компакт-диск с исходными текстами
всех рассмотренных в пособии примеров. Папки, в которых реализованы
примеры, указаны в пособии. В папке Images находятся файлы всех
пиктограмм, используемых в примерах.
Кроме того, для более эффективного усвоения материала студентами
разработана демонстрационная программа (папка Demo), позволяющая в
зависимости от выбранной темы просматривать соответствующий текст
методического пособия, а также запускать все приведенные в методическом
пособии примеры. Внешний вид программы приведен на рис. 50.
Программа имеет контекстное меню, позволяющее устанавливать
необходимые настройки, как например, автоматический вывод описания, при
выборе соответствующего раздела. При выборе примера в каждой теме,
данный пример можно запустить на выполнение нажатием кнопки «Пример».
Это дает возможность проверить функциональные возможности примера с
целью его повторения на лабораторных и практических работах. В
раскрывающемся списке приведены все компоненты, описанные в
методическом пособии и используемые в примерах, что дает возможность
быстрого перехода на раздел с описанием выбранного компонента.
93
Рис. 70. Внешний вид демонстрационной программы
Список литературы
1. Головач В.В. Дизайн пользовательского интерфейса / В.В.
Головач // интернет-издание.
2. Тидвелл Дж. Разработка пользовательских интерфейсов / .Дж.
Тидвелл.– СПб.: Питер, 2008.– 416 с.
94
Содержание
Введение....................................................................................................................... 3
Основные свойства интерфейсов............................................................................... 4
Основные понятия эргономики.............................................................................. 4
Элементы интерфейсов и критерии качества ....................................................... 7
Удобство интерфейса .............................................................................................. 8
Понятность, обучение.......................................................................................... 8
Скорость работы................................................................................................. 11
Количество (частота) ошибок ........................................................................... 13
Субъективное удовлетворение.......................................................................... 15
Основные элементы интерфейсов ........................................................................... 17
Кнопки..................................................................................................................... 17
Чекбоксы и радиобоксы........................................................................................ 18
Списки..................................................................................................................... 19
Комбобокс............................................................................................................... 20
Поля ввода .............................................................................................................. 20
Меню ....................................................................................................................... 21
Окна......................................................................................................................... 24
Структура окна....................................................................................................... 26
Цвет и звук.............................................................................................................. 27
Основные методы разработки интерфейсов........................................................... 28
Создание одного обработчика событий для группы компонентов .................. 28
Пример №1.......................................................................................................... 28
Использование переменных, объявленных на классы компонентов ............... 29
Пример №2.......................................................................................................... 29
Создание массивов из компонентов .................................................................... 31
Пример № 3......................................................................................................... 31
Пример № 4......................................................................................................... 33
Основные компоненты разработки интерфейсов .................................................. 35
Класс TCollection (коллекция).............................................................................. 36
Свойства класса TCollection.............................................................................. 36
Методы класса TCollection ................................................................................ 36
Компонент ImageList ............................................................................................. 37
Основные свойства............................................................................................. 37
Основные методы............................................................................................... 37
Пример № 5......................................................................................................... 37
Компонент Animate................................................................................................ 38
Основные свойства............................................................................................. 38
Основные методы............................................................................................... 38
Пример № 6......................................................................................................... 39
Компонент PageScroller......................................................................................... 40
Основные свойства............................................................................................. 40
Пример № 7......................................................................................................... 40
95
Пример № 8......................................................................................................... 40
Компонент HeaderControl...................................................................................... 42
Основные свойства............................................................................................. 42
Основные свойства разделов............................................................................. 43
Основные события компонента ........................................................................ 43
Пример № 9......................................................................................................... 43
Компонент StatusBar.............................................................................................. 44
Основные свойства панели................................................................................ 45
Пример № 10....................................................................................................... 45
Компонент ToolBar................................................................................................ 45
Основные свойства компонента ToolBar ......................................................... 46
Основные свойства класса ToolButton.............................................................. 47
Пример № 11....................................................................................................... 47
Компонент ActionList ............................................................................................ 50
Основные свойства............................................................................................. 51
Пример № 12....................................................................................................... 51
Пример № 13....................................................................................................... 54
Компонент CoolBar................................................................................................ 57
Основные свойства класса TCoolBar................................................................ 57
Основные свойства класса TCoolBand ............................................................. 57
Пример № 14....................................................................................................... 58
Пример разработки интерфейса для Internet Explorer........................................... 59
Компонент TWebBrowser...................................................................................... 59
Пример № 15....................................................................................................... 59
Использование компонентов Group Box и Panel ................................................ 68
Работа с цветами .................................................................................................... 72
Работа со стандартными цветами..................................................................... 73
Работа с оттенками цветов. ............................................................................... 73
Компонент StringGrid ............................................................................................ 75
Пример № 16....................................................................................................... 76
Пример № 17....................................................................................................... 77
Пример №18........................................................................................................ 78
Пример № 19....................................................................................................... 80
Создание собственных компонентов................................................................... 83
Формирование заставок (логотипов). .................................................................. 89
Пример № 20....................................................................................................... 90
Заключение ................................................................................................................ 92
Список литературы ................................................................................................... 93
Содержание................................................................................................................ 94
96
Н.В. Бильфельд, А.В. Затонский
ОСНОВЫ РАЗРАБОТКИ ИНТЕРФЕЙСОВ.
РЕАЛИЗАЦИЯ В СИСТЕМЕ BORLAND DELPHI.
Учебное пособие
Редактор Н.В. Шиляева
Лицензия ЛР № 020370
Подписано в печать: 29.06.2010 Форма 60х90/16. Набор компьютерный. Усл.
печ. л. 6,11. Уч-.-изд. л. 6,25. Тираж 120. Заказ 151/210
Редакционно-издательский отдел
Пермского государственного технического университета.
Отпечатано в ООО «Типограф»
Адрес: 618540, г. Соликамск, Соликамское шоссе, 17