Вертикальный взлет
Но вернемся к моей попытке создать реальное приложение Silverlight Deep Zoom. В этом году в Пекине, вскоре после Олимпиады, пройдут первые Всемирные игры интеллектуального спорта, состоящие из соревнований по шахматам, го, шашкам и, конечно же, по бриджу. Постоянные читатели знают, что я являюсь ИТ-гуру Всемирной федерации бриджа по различным проектам, и в этом году мне исполняется 50 лет. годовщины, я подумал, что было бы забавно превратить 500 с лишним старых фотографий из своих архивов в приложение Deep Zoom для отображения на Веб-сайт.
Однако, будучи я, я не мог просто остановиться на основах, и я попросил наш дизайнерский дом (www.untitledmedia.co.uk), чтобы создать для него интерфейс в стиле «Steam Punk» с анимированными шестеренками и прочим. Давайте посмотрим, что на самом деле требуется для создания такого приложения Silverlight. Забудьте о кривых обучения, это больше похоже на вертикальный взлет! Имейте в виду, что мы используем бета-версию программного обеспечения, и я почти гарантирую, что оно выйдет из строя в самый неподходящий момент, так что сохраните и регулярно делайте резервные копии, и желательно установите бета-инструменты на виртуальную машину, чтобы не испортить основную разработку коробка.
Во-первых, вам нужно собрать изображения, которые вы хотите, чтобы ваши пользователи увеличивали. Чем выше разрешение, тем лучше — поддерживаются TIFF, а также BMP и обычный JPG. Теперь загрузите копию бесплатного Deep Zoom Composer с www.pcpro.co.uk/links/168webapps3. Текущая версия на момент написания — 0.9, но она могла измениться к тому времени, когда вы это читаете. Большим преимуществом по сравнению с предыдущей версией является то, что она создает приложение Silverlight с большим количеством кода управления мышью, написанным для вас, что сэкономит много работы.
Откройте Deep Zoom Composer и выберите «Новый проект». Я предлагаю вам разместить свой проект на локальном жестком диске, а не на сетевом диске, так как это будет намного быстрее, когда придет время запуска процедуры экспорта. Теперь выберите «Импорт», наведите указатель мыши на папку, содержащую коллекцию изображений, нажмите «ОК» и подождите, пока изображения скопируются в папку проекта.
Теперь самое интересное: перейдите в Compose и перетащите каждое изображение в рабочую область дизайна. Вы можете проявить творческий подход к изменению размера и наложению изображений. Есть возможность автоматического упорядочивания по сетке, но это делает макеты скучными — в конце концов, если у вас есть такая гибкость, вы действительно должны ее использовать. Вы можете добавлять теги к изображениям, к которым можно получить доступ из кода, но ключевые слова, хранящиеся в метаданных ваших изображений, не будут импортированы, что немного обидно. Приложения Deep Zoom наиболее впечатляюще работают либо с изображениями с очень высоким разрешением, либо с большим количеством изображений, поэтому процесс компоновки может занять некоторое время. Я принялся за свои 500 изображений, а через два часа выложил только половину из них, когда программа дала сбой и я потерял партию! Я знаю, что говорил о регулярных сбережениях; ну, в данном случае я этого не сделал, и я заплатил цену…
Прогулявшись по огороду для снижения артериального давления, я вернулся к нему и в конце концов закончил укладку. извлеките изображения, нажмите «Экспорт» и выберите «Приложение Silverlight», а затем подождите, пока программа-композитор сделает свое дело. вещи. На этом этапе ваш шедевр разбивается на набор плиток, из которых Deep Zoom будет составлять увеличенные изображения, которые видит пользователь — это может занять некоторое время, так что наберитесь терпения. Композитор также создаст для вас веб-страницу предварительного просмотра, чтобы вы могли опробовать свое приложение в браузере.
