 |
| |
К
сожалению, время загрузки программ не мгновенно и составляет несколько секунд, а при загрузке из сети может быть еще больше. Для того чтобы пользователи видели, что программа запущена и идет процесс ее инициализации, обычно на экране показывается
диалог заставки (Splash screen).
Рисунок 5.18. Изображение заставки к программе “File Arranger”
Специальные исследования по эргономике программного обеспечения показали, что при выводе заставки пользователи не так сильно замечают длительность процесса загрузки, так как внимание переносится на изучение обычно красочного изображения и текстовой информации. Еще большего эффекта можно достичь, если заставка показывает динамически изменяющийся индикатор процесса загрузки и инициализации программ.
Платформа Eclipse RCP позволяет выводить созданные в 24-битном графическом формате BMP изображения (RGB формат). Рекомендуемый размер составляет 500x330 пикселей.
Путь к файлу заставки можно явно указать в конфигурационном файле config.ini. Для этого зарезервирована переменная osgi.splashPath которая указывает загрузчику где искать файл заставки с именем splash.bmp.
Файлы заставки могут быть локализированы с соответствующим размещением в принятом $nl$ стиле указания путей к локализованным ресурсам.
Дополнительно к изображению заставки можно указать место, цвет и размер панели отображения прогресса загрузки, а так же позиции вывода информационных сообщений. Для указания данных параметров устанавливаются свойства startupProgressRect, startupMessageRect и startupForegroundColor (см. IProductConstants за дополнительной информацией). По умолчанию панель прогресса не отображается.
Для упрощения процесса настройки данных параметров предназначена закладка “ Branding -> Splash Screen ”
Рисунок 5.19. Редактор параметров диалога заставки
Прежде чем создавать рисунок заставки нужно определиться с темой рисунка. Задаемся вопросами: “Что за продукт мы создаем?”, “С чем ассоциируется продукт?”. Соответственно начинаем выписывать подходящие термины и определения, чем больше разных терминов наберется, тем лучше. Далее из полученного списка выбираем те ключевые понятия, с которыми связаны некие визуальные ассоциации.
Пример 5.1. Варианты ассоциаций
Платформа Eclipse RCP ассоциируется со словами: затмение, солнце, луна, земля, космос, пространство. А навигатор файлов ассоциируется со словами: файлы, папки, стрелки, путь, дорога, указатели маяки. В контексте космоса напрашивается еще орбита и парабола.
Неоценимую помощь могут дать дети, так как мышление у них несколько отличается от нашего, к тому же они постоянно требуют к себе внимания. Так что можно совместить полезное с приятным. Ребенок будет счастлив, помочь родителям и осознавать, что его труд приносит пользу. К тому же по ходу дела приходится объяснять, что такое затмение, то, что земля круглая, звезды огромные и находятся далеко-далеко в космосе и поэтому кажутся такими маленькими.
Рисунок 5.20. Данилкины художества
На предложенный список слов сын Данил нарисовал несколько рисунков с лестницей на луну, что в дальнейшем привело к мысли связать в одном рисунке затмение солнца и путь к луне в виде маяков к нашей планете символизирующий навигатор.
Определившись с темой и объектами заставки, делаем несколько набросков (скетчей) пытаясь скомпоновать все вместе.
Рисунок 5.21. Скетч заставки для программы “File Arranger”
Воспользуемся созданным наброском в качестве временной подложки при создании рисунка. В качестве графического редактора воспользуемся популярным редактором векторной графики Inscape из мира свободного программного обеспечения.
Создавать изображение лучше всего с разделением на слои в соответствии с содержанием. Это позволяет легко прятать или заменять группу объектов по необходимости, например текстовые сообщения или вспомогательные линии (параболу пути в данном случае).
Рисунок 5.22. Градиентная заливка для объектов фона
Объекты фона создаются комбинированием окружностей с различными цветами, типами и направлением заливки для получения разных эффектов распределения света. Для космического пространства используем фиолетовые оттенки с затенением к центру, которые преобладают в палитре цветов проекта Eclipse. Далее добавляем белую окружность лучей солнца с плавным уменьшением прозрачности к краям. На темном фоне космического пространства получается эффект рассеивания лучей. В центр данного источника света добавляем две окружности белого и черного цвета с небольшим смещением. Таким образом, получаем рисунок затмения солнца луной.
Замечательной возможностью программы Insckape является возможность комбинирования растровых и векторных изображений. Это позволяет использовать готовые графические растровые изображения, что позволяет экономить время.
Воспользуемся программой Google Earth для получения нужного нам изображения земного шара. Прямо в данной программе можно выделить нужный нам регион, а именно Республику Беларусь и развернуть изображение под нужным нам углом.
Далее отключаем режим прорисовки меридианов и делаем скриншот земли, который обрезаем по контуру земного шара в растровом редакторе GIMP. Там же делаем экспорт полученного изображения в формат PNG с режимом прозрачности зоны вокруг окружности земного шара.
Рисунок 5.23. Программа Google Earth
Созданный рисунок импортируем в предварительно созданный дополнительный слой проекта заставки, масштабируем и синхронизируем с контурами скетча.
Для придания эффекта засветки атмосферы размещаем поверх изображения земли окружность белого цвета и устанавливаем градиент заливки в направлении солнца.
Рисунок 5.24. Эффект засветки атмосферы
Для более точной прорисовки орбиты навигатора добавим дополнительный вспомогательный слой с изображением спирали. Следующий слой поверх спирали будет содержать звездочки маяков для визуализации пути от земли до луны. Звездочки рисуются в несколько слоев для формирования эффекта рассеяния лучей по аналогии с рисунком солнца.
Рисунок 5.25. Маяки навигации
Последний слой будет содержать текстовые сообщения. Для создания эффекта объемности и засветки тест копируется и чуть-чуть сдвигается, нижний слой заливается белым цветом. Остается спрятать вспомогательные слои и можно экспортировать созданное изображение в растровый формат PNG.
Рисунок 5.26. Готовая заставка
Для заставки нам требуется растровое изображение формата BMP. Воспользуемся графическим редактором GIMP для данного преобразования. Кроме непосредственно преобразования графических форматов можно воспользоваться богатыми возможностями данного редактора для придания красочности создаваемому изображению. Используя фильтр “ Light Effects -> GFlare ” можно получить яркие переливы лучей солнца с эффектом многократного отражения на линзах объектива камеры.
Рисунок 5.27. Добавляем лучи солнца при помощи фильтра GFlare
Так же можно добавить красочности маякам при помощи фильтра “ Light Effects -> SuperNova ”
Хочется обратить внимание на некоторые несоответствия рисунка реальности. В реальной жизни маяки для космических кораблей нецелесообразно делать в виде источников яркого света (достаточно радиомаяков), а земля не может занимать именно такое положение относительно солнца, как показано на рисунке. Наша задача сделать эффектное изображение, которое не всегда согласуется с реальностью.
Сайт проекта “File Arranger”. http://www.filearranger.com
Графический редактор Gimp. http://www.gimp.org
GTk+ и GIMP для Windows. http://www.gimp.org/~tml/gimp/win32
Редактор векторной графики Inscape. http://www.inkscape.org
Программа для оптимизации PNG графики OptiPNG. http://optipng.sourceforge.net
