Главная > Silverlight > XAML разметка в HTML странице

XAML разметка в HTML странице

11 Август 2009 Написать комментарий К комментариям

Многие, особенно начавшие знакомство с Silverlight со второй версии, спрашивают: «мне надо просто отобразить на web странице некоторую векторную графику с помощью Silverlight. Графика должна загружаться максимально быстро. Можно ли напрямую вставить XAML код в HTML страницу?»
Ответ на этот вопрос прост: Да, Вы можете это сделать.
Делается это с помощью интересного синтаксиса. Надо определить на странице именованный блок сценария с типом type=«text/xam». И в коде вставки Silverlight плагина сослаться на этот блок (value=«#xamlContent»).

Выглядит это в коде следующим образом:

<html>
<head>
</head>
<body>
  <script type="text/xaml" id="xamlContent">
    <?xml version="1.0"?>
    <Grid Width="400" Height="400"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Rectangle
      Height="400"
      Width="400"
      Stroke="Black"
      Fill="Wheat"
      StrokeThickness="5"
      RadiusX="10.0"
      RadiusY="10.0"/>
   <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center"
          FontSize="40">XAML код в HTML</TextBlock>
    </Grid>
  </script> 

  <div id="controlHost">
    <object
      id="silverlightControl"
      type="application/x-silverlight"
      height="400"
      width="400">
     <param name="Source" value="#xamlContent" />
    </object>
  </div>
</body>
</html>

А открыв страницу в браузере, Вы увидите:

xamlinhtml

Tags:
  1. sloninzia
    11 Август 2009 в 13:03 | #1
    Ответить | Цитата

    здорово! спасибо! :)

  2. diverofdark
    11 Август 2009 в 20:48 | #2
    Ответить | Цитата

    Интересное решение, спасибо! :)

  1. Пока что нет уведомлений.
Необходимо войти на сайт, чтобы написать комментарий.