Главная » Silverlight » Объединение содержимого Silverlight и HTML

0

В главе 9 рассматривается создание безоконной области содержимого Silverlight. Создав безоконную область, можно применить полупрозрачный фон для одновременно­го вывода элементов Silverlight и содержимого страницы HTML в одном и том же месте. Например, содержимое HTML может просматриваться сквозь полупрозрачное содержи­мое Silverlight.

Такая визуальная интеграция удобна при использовании рассмотренных выше спо­собов интеграции кода Silverlight. Например, многие разработчики создают мультиме­дийные проигрыватели с пользовательскими обложками на основе стандартных окон Silverlight и кода JavaScript в элементах HTML. Это позволяет управлять воспроизведе­нием путем вызова методов Silverlight, доступных в сценариях.

При объединении элементов HTML и Silverlight в одном и том же визуальном про­странстве необходимо приложить дополнительные усилия для правильной компоновки содержимого. Обычно для этого используются стили CSS. Например, чтобы ограничить содержимое Silverlight определенной областью страницы, можно разместить его в кон­тейнере <div>. Элемент <div> можно даже позиционировать на основе абсолютных координат. При этом другой контейнер <div> может использоваться для размещения блоков содержимого HTML на фоне элементов Silverlight. Пример использования этого способа приведен в главе 9. В нем безоконный элемент управления Silverlight размещен в одной из колонок многоколоночной структуры.

Иногда необходимы дополнительные контейнеры, например, когда нужно позицио­нировать или установить размеры элемента управления Silverlight на основе текущих размеров окна браузера или расположения других элементов HTML. В следующих раз­делах приведены два примера, использующих взаимодействие между Silverlight и HTML для динамического размещения элементов управления Silverlight.

Управление размерами элемента Silverlight

В главе 1 показано, что тестовая страница, создаваемая по умолчанию программой Visual Studio, заполняет областью содержимого Silverlight все окно браузера. Размеры об­ласти содержимого можно изменять, но вы все еще будете вынуждены явно присваивать значения размеров. В противном случае содержимое Silverlight получит размеры на основе размеров элемента UserControl, однако страница будет отсечена стандартной рамкой размерами 200×200 пикселей, заданной на тестовой странице (рис. 14.7)[6].

Рис. 14.8. Установка размеров элемента управления Silverlight на основе размеров страницы

Источник: Мак-Дональд, Мэтью. Silverlight 3 с примерами на С# для профессионалов. : Пер. с англ. —- М. : ООО «И.Д. Вильяме», 2010. — 656 с. : ил. — Парал. тит. англ.

По теме:

  • Комментарии