Создадим простое приложение, которое отображает эллипс двигающийся снизу вверх:

<UserControl x:Class="SilverlightApplication57.MainPage"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    Width="400" Height="300" Loaded=”UserControl_Loaded”>
    <UserControl.Resources>
        <Storyboard x:Name="sb1" Completed="sb1_Completed">
            <DoubleAnimation Storyboard.TargetName="el1"
                             Storyboard.TargetProperty="(Canvas.Top)"
                             From="300" To="-30" Duration="0:0:5">
            </DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>
    <Canvas x:Name="LayoutRoot" Background="White">
        <Ellipse x:Name="el1" Width="30" Height="30" Fill="Blue" Canvas.Left="200" Canvas.Top="300"></Ellipse>
    </Canvas>
</UserControl>

Запуск анимации будет происходить при загрузке главного контейнера:

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    sb1.Begin();
}

Создайте второе приложение, которое будет содержать точно такой же код, за исключением метода UserControl_Loaded. Разместите приложения на HTML странице следующим образом:

Давайте попробуем реализовать код прриложений таким образом, чтобы после окончания анимации в приложении 1, запускалась анимация во втором приложении. Таким образом, мы должны достигнуть эффета, когда наш шарик будет “перелетать” из одного приложения в другое.

Реализуем следующий код в первом приложении:

LocalMessageSender msgSender = new LocalMessageSender("DownSide");

public MainPage()
{
    InitializeComponent();

    LocalMessageReceiver receiver = new LocalMessageReceiver("UpSide");
    receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived);
    receiver.Listen();
}

void receiver_MessageReceived(object sender, MessageReceivedEventArgs e)
{
    sb1.Begin();
}

private void sb1_Completed(object sender, EventArgs e)
{
    msgSender.SendAsync("start");
}

Тут мы создали объект типа LocalMessageSender, в задачи которого входит отправка сообщения “слушателю” с указанным именем (DownSide, наверное стоило назвать по другому). Этот метод отправляет сообщение сразу после окончания анимации с помощью метода SendAsync (фактически передает управление другому приложению).

Объект LocalMessageReceiver, напротив, ожидает сообщение от других приложений. Как только сообщение приходит (второе приложение закончило анимацию), то тут же анимация запускается повторно (полетел еще один шарик).

Код во втором приложении выглядит аналогично:

LocalMessageSender msgSender = new LocalMessageSender("UpSide");

public MainPage()
{
    InitializeComponent();

    LocalMessageReceiver receiver = new LocalMessageReceiver("DownSide");
    receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived);
    receiver.Listen();
}

void receiver_MessageReceived(object sender, MessageReceivedEventArgs e)
{
    sb1.Begin();
}

private void sb1_Completed(object sender, EventArgs e)
{
    msgSender.SendAsync("start");
}

Откомпилировав и запустив данный пример, мы получим желаемый эффект:

Следует отметить, что если Ваши приложения загружаются из различных доменов, то наладить взаимодействие между ними также возможно. Для этого просто следует указать имя домена в конструкторе классов LocalMessage…

Для начала создадим интерфейс приложения, состоящий из примитивной формы и панели для отображения нашего снимка:

<UserControl x:Class="SilverlightApplication56.MainPage"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    Width="800" Height="600">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Column="0">
            <TextBox Width="100"></TextBox>
            <TextBox Width="100"></TextBox>
            <Button Width="100" Content="Update" Click="Button_Click"></Button>
        </StackPanel>
        <StackPanel x:Name="stk1" Grid.Column="1" VerticalAlignment="Center">
        </StackPanel>
    </Grid>
</UserControl>

Чтобы пример был более эффектным, будем делать снимок не просто формы, а всего интерфейса, включая и панель со снимком. Чтобы реализовать такой код, нам понадобится класс WritableBitmap. Вот он то и представляет собой реализацию Pixel API в SilverLight 3. Этот класс содержится в пространстве имен System.Windows.Media.Imaging и позволяет создать Bitmap контекст заданного размера (длина, ширина изображения). Доступ к изображению может быть осуществлен попиксельно, используя простой индексатор.

В нашем примере мы используем метод Render, который позволяет преобразовать в изображение любой графический элемент, включая его дочерние элементы.

private void Button_Click(object sender, RoutedEventArgs e)
{
    WriteableBitmap bit = new WriteableBitmap(this.Width, this.Height, PixelFormats.Pbgra32);
    bit.Render(LayoutRoot, new MatrixTransform());
    Image img = new Image();
    img.Source = bit;
    stk1.Children.Clear();
    stk1.Children.Add(img);
}

Вот так будет выглядить наше приложение после многократного нажатия кнопки Update.

На всех семинарах мне задают один и тот же вопрос: Вы анонсировали GPU оптимизацию, но мы не смогли заметить разницу.

На самом деле, если разработчик не выполнит ряд действий, которые почему-то пока не описаны в документации, никакой работы через GPU в его приложении не будет. Давайте посмотрим, что же необходимо сделать для включения оптимизации с помощью GPU.

1). Оптимизация через GPU делает в SilverLight только первые шаги и не предоставляет пока много возможностей. На графический процессор можно пока расчитывать только в двух случаях: при отображении видео и при отображении растровых изображений. При этом речь идет не столько о простом отображении картинки или видео, как об использовании ряда эффектов.

Фактически можно выделить три типа эффектов, которые поддерживаются в бета 1: а). трансформации изображения, б). урезание прямоугольной части изображения, с). смешивание пикселей в области медиа элемента или рисунка (отображение каки-то рекламных вставок, панели инструментов, управление прозрачностью).

2). GPU поддерживается только на Windows платформе. Совершенно не важно, работает ваше приложение в окне браузера или в полноэкранном режиме. Если говорить о Mac, то тут поддержка осуществляется только в полноэкранном режиме. При этом ваша видеокарта должна поддерживать DirectX9.0C или выше.

3). Для включения оптимизации с помощью GPU необходимо:

а) задать эту опцию при создании плагина с помощью параметра EnableGPUAcceleration.

<param name="EnableGPUAcceleration" value="true" />

б) включить оптимизацию для конкретного элемента  управления. Это делается с помощью свойства CacheMode, которое должно быть установлено в значение BitmapCache.

<MediaElement Source="a.wmv" Width="500" Height="300" CacheMode="BitmapCache">

При этом свойство автоматически устанавливается и для всех дочерних элементов дерева.

Если Вы хотите посмотреть, в каких из областей экрана работает оптимизация с помощью GPU добавьте еще один элемент к параметрам плагина:

<param name=”EnableCacheVisualization” value=”true” />

RenderForAnimation

Раз уж я завел речь об оптимизации, то хочу сделать акцент на новом свойстве RenderOptions.TextRenderingMode, которое применимо к элементам, отображающим текст. Дело в том, что в SilverLight работает достаточно сложный процесс, который оптимизмрует отображение текста, занимаясь его сглиживанием. Но если вы используете текст для анимации, то выглядит это не всехгда впечатляюще. Часть фреймов могут теряться, текст выглядит подергивающимся. Свойство RenderOptions.TextRenderingMode, установленное в значение RenderForAnimation позволяет отключить оптимизацию при отображении текста и тем самым ускорить анимацию.

Smooth Streaming

Чтобы увидеть Smooth Streaming в действии, посетите сайт https://www.smoothhd.com/. Рекомендую перейти в раздел Blender и посмотреть видео Big Bucks Bunny:)

Итак, при доставке видео клиенту существует несколько проблем: 1). у пользователя может быть плохой канал, который недостаточен для отображения видео в текущем разрешении; 2). у пользователя может быть загружен процессор, что не позволит ему справится с отображением видео; 3). параметры нагрузки на канал и процессор пользователя регулярно меняются. Имея эти проблемы выложить несколько вариантов ролика, предназначенного на различные каналы явно недостаточно.

Чтобы справится с  проблемой IIS 7 Media Service представляет специальное расширение Smooth Streaming.

Идея Smooth Streaming состит в том, что Media service располагает сразу несколькими вариантами видео фрагмента (1280х720, 1024х768 и т. д.) и транслирует видео клиенту небольшими порциями, выбирая наиболее подходящий вариант, базируясь на параметрах канала.

Естественно, чтобы доставлять видео хорошего разрешения с помощью Smooth Streaming необходимо преобразовать исходный файл, сгенерировав различные варианты потоков. Для этого можно использовать Microsoft Expression Encoder 2 SP1, который поддерживает специальный шаблон Adaptive Streaming и позволяет генерировать до 10 потоков.

Далее остается только установить расширение в IIS и передать поток в SilverLight. MediaElement в SilverLight 3 уже поддерживает эту функциональность.

Дополнительно о том, как настроить Smooth Streaming в IIS вы можете узнать по ссылке:

https://www.iis.net/extensions/SmoothStreaming

Рассматривая существующие элементы управления можно выделить несколько отдельных групп:

• элементы управления, которые входят в стандартную поставку плагина – тут практически ничего не изменилось. О небольших изменениях для ListBox, тултипах, SaveFileDialog и валидаторе я писал ранее. С одной стороны в плагине есть все необходимое, а с другой – увеличение количества элементов привело бы к росту размера плагина;
• элементы, которые входят в SDK – тут присутствует около двух десятков элементов управления, расширяющих существующую иерархию такими элементами, как DataGrid, Calendar и др. Если Вы используете эти элементы, то вместе со своим приложением необходимо поставлять сборку, в которой они расположены. Основные сборки, содержащие элементы управления, это System.Windows.Controls.dll, System.Windows.Controls.Data.DataForm.dll, System.Windows.Controls.Navigation.dll, System.Windows.Controls.Data.dll, System.Windows.Controls.Input.dll;
• элементы, которые входят в Toolkit, развиваемый как OpenSource проект на codeplex.com (https://www.codeplex.com/silverlight). Нужно отметить, что многие из этих элементов мигрируют в официальный SDK сразу после стабилизации, но Toolkit развивается довольно динамично, поэтому разработчики могут найти что-то интересное для себя;
• платные элементы управления – сегодня существует множество компаний, которые предлагают свои библиотеки.

В этой статье мы поговорим о новых элементах, которые были добавлены в SDK.

Простые элементы управления

ChildWindow

Элемент ChildWindows позволяет Вам достаточно оперативно создать всплывающее окно, блокирующее весь остальной интерфейс. Если Вы используете Visual Studio, то для создания простейшего окна достаточно добавить в проект новый элемент на основе шаблона SilverLight Child Window. Данный шаблон создает XAML файл, описывающий Child окно и ассоциированный с ним код:

.XAML файл

<controls:ChildWindow x:Class="SilverlightApplication47.ChildWindow1"
           xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
           Width="400" Height="300"
           Title="ChildWindow1">
    <Grid x:Name="LayoutRoot" Margin="2">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="1" />
        <Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,79,0" Grid.Row="1" />
    </Grid>
</controls:ChildWindow>

.CS файл

public partial class ChildWindow1 : ChildWindow
{
    public ChildWindow1()
    {
        InitializeComponent();
    }

    private void OKButton_Click(object sender, RoutedEventArgs e)
    {
        this.DialogResult = true;
    }

    private void CancelButton_Click(object sender, RoutedEventArgs e)
    {
        this.DialogResult = false;
    }
}

Инициировать вызов такого окна достаточно просто:

ChildWindow1 child = new ChildWindow1();
child.Show();

Элемент Expander, HeaderedContentControl, HeaderedItemsControl

Следующий элемент представляет собой распахивающуюся панель.

<controls:Expander Header="This is a header" FontSize="18" BorderThickness="1" BorderBrush="Gray" >
    <TextBlock Text="This is a text"></TextBlock>   
</controls:Expander>

Поскольку Expander является наследником от HeaderedContentControl, Вы можете использовать более сложный формат для создания заголовка и содержимого:

<controls:Expander BorderThickness="1" BorderBrush="Gray" >
    <controls:HeaderedContentControl.Header>
        <TextBlock Text="This is a header" FontSize="18"></TextBlock>
    </controls:HeaderedContentControl.Header>
    <controls:HeaderedContentControl.Content>
        <TextBlock Text="This is a text"></TextBlock>
    </controls:HeaderedContentControl.Content>   
</controls:Expander>

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

Элемент HeaderedContentControl можно использовать как самостоятельный элемент:

<controls:HeaderedContentControl  >
    <controls:HeaderedContentControl.Header>
        <TextBlock Text="This is a header" FontSize="18"></TextBlock>
    </controls:HeaderedContentControl.Header>
    <controls:HeaderedContentControl.Content>
        <TextBlock Text="This is a text"></TextBlock>
    </controls:HeaderedContentControl.Content>   
</controls:HeaderedContentControl>

Если Вы хотите отобразить набор повторяющихся элементов с заголовком, Вы можете использовать HeaderedItemsControl:

<controls:HeaderedItemsControl>
    <controls:HeaderedItemsControl.Header>
        <TextBlock Text="This is a header" FontSize="18"></TextBlock>
    </controls:HeaderedItemsControl.Header>
    <controls:HeaderedItemsControl.Items>
        <TextBlock Text="Item 1"></TextBlock>
        <TextBlock Text="Item 2"></TextBlock>
    </controls:HeaderedItemsControl.Items>   
</controls:HeaderedItemsControl>

Пример выше вряд ли может показаться интересным, а вот биндинг с динамическим набором элементов значительно интересней:

itemsCol.ItemsSource = new string[] { "Sunday", "Monday", "Tuesday" };

<controls:HeaderedItemsControl x:Name="itemsCol">
    <controls:HeaderedItemsControl.Header>
        <TextBlock Text="This is a header" FontSize="18"></TextBlock>
    </controls:HeaderedItemsControl.Header>
    <controls:HeaderedItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}"></TextBlock>
        </DataTemplate>
    </controls:HeaderedItemsControl.ItemTemplate>   
</controls:HeaderedItemsControl>

Элемент TreeView

Следующий элемент управления, это TreeView. Как и другие элементы управления TreeView позволяет в качестве элементов дерева использовать любой контент.Вот пример использования элемента.

<controls:TreeView>
    <controls:TreeViewItem IsExpanded="True">
        <controls:TreeViewItem.Header>
            <TextBlock Text="Hello"></TextBlock>
        </controls:TreeViewItem.Header>
        <controls:TreeViewItem Header="SubItem">
        </controls:TreeViewItem>
    </controls:TreeViewItem>
</controls:TreeView>

Элемент AutoCompleteBox

В отличии от предыдущих элементов, элемент AutoCompleteBox находится в сборке System.Windows.Controls.Input.dll. Этот элемент позволяет отобразить поле для ввода текста и предоставляет возможность динамически установить массив строк для отображения подсказок и автоматического заполнения. Вот пример использования:

box.ItemsSource = new string[] { "Sunday", "Monday", "Tuesday" };

<input:AutoCompleteBox Width="100" x:Name="box"></input:AutoCompleteBox>

Элемент Label

Элемент управления Label позволяет отобразить “надпись”. В отличии от TextBlock элемент Label способен отображать любой контент в качестве метки. Вот пример использования:

<controls:Label Content="TreeView" />

Windows Communication Foundation – Виктор Шатохин

Windows Workflow Foundation – Виктор Шатохин

Введение в ADO.NET Data Services – Виктор Шатохин

Введение в SilverLight 3 – Сергей Байдачный

Проверка данных при связывании

Рассмотрим небольшой пример. Для этого опишем простой класс Employee с двумя полями:

    public class Employee
    {
        private string firstName;

        public string FirstName
        {
            get { return firstName; }
            set
            {
                if (!value.Equals("Sergey"))
                {
                    throw new Exception("First Name must be Sergey!");
                }
                firstName = value;
            }
        }
        private string lastName;

        public string LastName
        {
            get { return lastName; }
            set { lastName = value; }
        }

        public Employee(string fName, string lName)
        {
            this.FirstName = fName;
            this.LastName = lName;
        }
    }

А также опишем форму, которая связана с объектом типа Employee

<StackPanel x:Name="LayoutRoot" Background="White" Loaded="LayoutRoot_Loaded">
    <TextBox Width="100" Text="{Binding FirstName, Mode=TwoWay}"></TextBox>
    <TextBox Width="100" Text="{Binding LastName, Mode=TwoWay}"></TextBox>
</StackPanel>

И код:

Employee emp;

private void LayoutRoot_Loaded(object sender, RoutedEventArgs e)
{
    emp = new Employee("Sergey","B");
    LayoutRoot.DataContext = emp;
}

Как видно из реализации класса Employee, в качестве имени может быть установленно только Sergey. В SilverLight 3 есть два хороших механизма по обработке ошибок при связывании с данными.

Первый механизм, это специальный элемент управления, который будет нотифицировать пользователя об ошибке связывания. Для этого внесем небольшие изменения в описание TextBox.

<TextBox Width="100" Text="{Binding FirstName, Mode=TwoWay, ValidatesOnExceptions=true}"></TextBox>

Мы добавили простое свойство ValidatesOnException. Чтобы посмотреть на его работу, запустите приложение и введите неверные данные. Поле ввода будет выделено красной рамкой, а при наведении фокуса Вы увидете сообщение, которое заключено в исключении.

Второй механизм позволяет написать код в ответ на исключение при связывании. Для этого изменим TextBox следующим образом:

<TextBox Width="100" Text="{Binding FirstName, Mode=TwoWay, ValidatesOnExceptions=true, NotifyOnValidationError=true}" BindingValidationError="TextBox_BindingValidationError" x:Name="textBox1"></TextBox>

Тут мы описали обработчик специального события BindingValidationError, а также указали свойство NotifyOnValidationError, которое говорит о необходимости генерации этого события.

А вот и код обработчика:

private void TextBox_BindingValidationError(object sender, ValidationErrorEventArgs e)
{
    textBox1.Focus();
}

Тут мы просто устанавливаем фокус на наше поле, чтобы дополнительно пивлечь внимание пользователя и заставить его исправить ошибку.

Все, холод таки вреден. А тут еще и снегопад жуткий. Может и не доберусь уже до Интернета, никогда.... Попробую выпить кофе и пойти на встречу. Продолжение следует.

SaveFileDialog

В предыдущих версиях SilverLight Вы могли общаться с файловой системой только через OpenFileDialog. Это вызывало много нареканий от разработчиков, так как при отображении текстовой информации пользователь не имел возможности сохранить ее на локальный диск. Это же касалось различных графических редакторов и т. д. Теперь разработчик имеет возможность записать на диск любую информацию и в любое место, используя возможности SaveFileDialog. Смотрим пример:

SaveFileDialog file= new SaveFileDialog();
file.Filter = "Text File | *.txt";
file.DefaultExt = ".txt";
file.ShowDialog();

if (file.File.Name != "")
{
     System.IO.StreamWriter s =
         new System.IO.StreamWriter(file.OpenFile());
     s.Write("Hello");
     s.Close();
}

Этот код можно разместить в любом методе интерфейсного потока. В результате работы кода, пользователю будет предложено выбрать папку для записи и имя файла (по умолчанию .txt). В файл будет записано Hello. Ничего сложного.

Поддержка ToolTip

Следующий интересный элемент управления, это ToolTip. Он может быть привязан к любому UIElement и содержать практически любой контент для отображения. Привязку к элементу можно выполнять, как указав свойство PlacementTarget, так и использовав этот элемент в качестве части контента. Ниже показан код, который позволяет отобразить ToolTip для кнопки. В качестве контента тут используется видео-файл:

<Button Content="Detach" Width="100" Click="Button_Click">
  <ToolTipService.ToolTip>
    <ToolTip Placement="Right">
       <ToolTip.Content>
         <MediaElement Source="4.wmv"></MediaElement>
       </ToolTip.Content>
    </ToolTip>
  </ToolTipService.ToolTip>
</Button>

ToolTip может быть привязан к одной из границ элемента или к координатам курсора мыши. Привязка задается с помощью свойства Placement.

CaretBrush

Еще одной небольшой особенностью SilverLight 3 является возможность установки каретки для текстового поля и поля для задания пароля (TextBox PasswordBox). Дело в том, что элементы в SilverLight реализуются таким образом, что представление отделено от логики. Поэтому разработчик может всегда заменить внешний вид уже существующего элемента. Например, можно создать треугольную кнопку или овальное поле для ввода данных. Но в элементах TextBox и PasswordBox одна часть не поддавалась изменениям - каретка. Она была исключительно черной. Даже, если разработчик просто меня цвет поля ввода, каретку не всегда было видно. Теперь ситуация изменилась. Теперь каретка может использовать любую из доступных кистей для заливки. Разработчик может просто поменять цвет, а может и установить видеоролик в качестве каретки. Вот пример использования свойства:

<TextBox Text="Text" CaretBrush="Blue"></TextBox>
<TextBox Text="Text" >
    <TextBox.CaretBrush>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Yellow" Offset="0.0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="LimeGreen" Offset="1.0" />
        </LinearGradientBrush>
    </TextBox.CaretBrush>
    <TextBox.RenderTransform>
        <ScaleTransform ScaleX="3" ScaleY="3"/>
    </TextBox.RenderTransform>
</TextBox>

Множественный выбор в ListBox

Поскольку как-то так получилось, что мы начали вести речь об элементах управления, рассмотрим еще один, уже знакомый элемент - ListBox. Тут появилось свойство SelectionMode. Это свойство может содержать одно из трех значений: Single, Multiple, Extended. При установке свойства Multiple пользователь может выбирать несколько значений, простым кликом, а при выборе Extended также доступны функциональные клавиши и поведение больше похоже на полюбившийся ListBox из Forms или WPF.

<ListBox x:Name="listBox1" SelectionMode="Extended" SelectionChanged="ListBox_SelectionChanged">
    <ListBox.Items>
        <ListBoxItem Content="Item 1"></ListBoxItem>
        <ListBoxItem Content="Item 2"></ListBoxItem>
        <ListBoxItem Content="Item 3"></ListBoxItem>
        <ListBoxItem Content="Item 4"></ListBoxItem>
    </ListBox.Items>
</ListBox>
<TextBlock x:Name="textBox1"></TextBlock>

private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    textBox1.Text = String.Format("{0} items selected",listBox1.SelectedItems.Count);
}

На этом я на сегодня закончу, так как очень хочу спать. Завтра напишу что-то еще.

Итак,...

3D проекции

Естественно, что реализовать механизм полноценного 3D движка в плагине размером 4-6 Мб достаточно тяжело. Между тем псевдо 3D позволяет реализовать множество различных сценариев, но требует от разработчика значительное количество усилий. Благодаря элементу PlaneProjection в SilverLight 3 разработчик может стоить простые проекции, указав всего несколько параметров. Рассмотрим простой код, отображающий MediaElement:

<UserControl x:Class="SilverlightApplication30.MainPage"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel x:Name="LayoutRoot" Background="White" VerticalAlignment="Center">
        <MediaElement Source="4.wmv" Width="500" Height="300">
            <MediaElement.Projection>
                <PlaneProjection x:Name="projection" RotationY="60"></PlaneProjection>
            </MediaElement.Projection>
        </MediaElement>
    </StackPanel>
</UserControl>

В результате мы получим MediaElement "повернутый" на 60 градусов по оси Y.

Тут мы использовали элемент PlaneProjection с атрибутом RotationY. Логично, что если Вы хотите развернуть изображение по другим осям, то нужно воспользоваться атрибутами (свойствами) RotationX, RotationZ. Элемент PlaneProjection можно использовать по отношению к любому из элементов-наследников от UIElement.

Добавим к нашему коду 4 слайдера, чтобы изменять угол вращения по запросу пользователя:

<UserControl x:Class="SilverlightApplication30.MainPage"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel x:Name="LayoutRoot" Background="White" VerticalAlignment="Center">
        <MediaElement Source="4.wmv" Width="500" Height="300">
            <MediaElement.Projection>
                <PlaneProjection x:Name="projection" ></PlaneProjection>
            </MediaElement.Projection>
        </MediaElement>
        <Slider Width="588" Minimum="0" Maximum="360" Value="{Binding RotationX, Mode=TwoWay, ElementName=projection}"></Slider>
        <Slider Width="588" Minimum="0" Maximum="360" Value="{Binding RotationY, Mode=TwoWay, ElementName=projection}"></Slider>
        <Slider Width="588" Minimum="0" Maximum="360" Value="{Binding RotationZ, Mode=TwoWay, ElementName=projection}"></Slider>
        <Slider Width="588" Minimum="0" Maximum="300" Value="{Binding LocalOffsetZ, Mode=TwoWay, ElementName=projection}"></Slider>
    </StackPanel>
</UserControl>

В этом примере мы воспользовались еще одним свойством LocalOffsetZ. Свойства LocalOffsetX, LocalOffsetY, LocalOffsetZ позволяют разместить объект в трехмерном пространстве. Как пример использования этих свойств можно рассмотреть "карусель", где все объекты кроме одного расположны на некотором удалении. Кроме этих свойств существуют еще свойства GlobalOffsetX, GlobalOffsetY, GlobalOffsetZ. Разница между ними только в том, что первые устанавливают смещение относительно текущего контейнера, а вторые - относительно всего окна.

Последние свойства, которые могут быть интересны разработчику, это CenterOfRotationX, CenterOfRotationY, CenterOfRotationZ. Позволяют задать точку, вокруг которой проводить вращение.

О! Мы тронулись и ко мне в шкафчик пришел какой-то бородатый мужик. Мужик - не девушка, поэтому я еще смогу не отвлекаться. Кроме того, он говорит только по английски. Сделаю вид, что я не есть понимать.

Offline работа

Следующая интересная возможность - установка SilverLight приложения в локальный кэш пользователя с возможностью запуска в режиме, отключенном от сети.

Для того, чтобы установить приложение в кэш на машине пользователя, необходимо выполнить два шага:

1). Вызвать метод Detach у объекта Application. При этом данный метод должен быть вызван только из обработчика события, инициируемого пользователем. Например, событие может быть связано с нажатием на кнопку.

Добавим кнопку в предыдущий XAML файл.

<Button Content="Detach" Width="100" Click="Button_Click"></Button>

Разместите кнопку сразу после последнего элемента Slider.

Обработчик нажатия на кнопку будет выглядеть так:

private void Button_Click(object sender, RoutedEventArgs e)
{
    Application.Current.Detach();
}

2). Добавить несколько элементов в манифест приложения. Эти элементы необходимы в первую очередь для того, чтобы предоставить дополнительные параметры, которые нужны при развертывании приложения на клиент (надписи, иконки). Вот как будет выглядеть наш манифест:

<Deployment xmlns="https://schemas.microsoft.com/client/2007/deployment"
        xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml">
    <Deployment.Parts>
    </Deployment.Parts>
    <Deployment.ApplicationIdentity>
        <ApplicationIdentity
            ShortName="Offline App"
            Title="My Title">
            <ApplicationIdentity.Blurb>
              This is my offline App
            </ApplicationIdentity.Blurb>
        </ApplicationIdentity>
    </Deployment.ApplicationIdentity>
</Deployment>

Если Вы хотите также описать и иконки, то добавьте следующий элемент:

<ApplicationIdentity.Icons>
   <Icon Size="16x16">icons/16x16.png</Icon>
   <Icon Size="32x32">icons/32x32.png</Icon>
   <Icon Size="48x48">icons/48x48.png</Icon>
   <Icon Size="128x128">icons/128x128.png</Icon>
</ApplicationIdentity.Icons>

Если иконки явно не указаны, то подставляется иконка по умолчанию.

Теперь можно запустить приложение и нажать на кнопку. На экране появится следующее сообщение:

Итак, пользователь выбирает, где он хочет видеть иконку своего приложения и должен нажать ОК для установки приложения в кэш. Нужн отметить, что для установки приложения в кэш пользователь НЕ должен обладать административными правами.

Для удаления приложения пользователь должен инициировать вызов контекстного меню (раньше можно было вызвать только SilverLight Configuration) и выбрать Remove This Application. При этом команда доступна вне зависимости от того запустил пользователь локальную версию или воспользовался браузером.

Работая с приложение в отключенном режиме программист имеет возможность определять метод запуска приложения, а также реагировать на изменение метода запуска. Во-первых в объекте Application всегда доступно свойство ExecutionState, через которое можно получить значение перечислимого типа ExecutionStates. Последнее может содержать следующие значения: Detached, DetachedUpdatesAvailable, DetachedFailed, Detaching, RunningOnline. Во-вторых, есть возможность реагировать на событие приложения Application_ExecutionStateChanged.

Работая в отключенном режиме, разработчик может определить состояние подключения. Это может быть очень полезно при реализации механизма синхронизации данных. Проверить соединение можно с помощью вот этого статического метода: NetworkInterface.GetIsNetworkAvailable(). Обращаю Ваше внимание на то, что класс NetworkInterface находится в пространстве имен System.Net.NetworkInformation.

Обновление приложения в разъединенном окружении

Что же происходит, если приложение было обновлено в сети? Оказывается приложение автоматически проверяет, доступны ли обновления. Это происходит сразу после того, как приложение обнаружило доступ в сеть. Если обновления обнаружены, то они тут же начинают загружаться в кэш пользователя, после чего происходит событие ExecutionStateChanged. Обработав это событие, можно нотифицировать пользователя о том, что обновление уже доступно и ему нужно перезапустить приложение. Какой-либо возможности управлять загрузкой обновлений или отключить эту функциональность (ключи в реестре не считаются) - нет.

Реакция на изменение сетевого интерфейса

Оказывается, что оперативно определять разрыв связи с сетью можно с помощью реакции на статическое событие NetworkAddressChanged, которое описано в классе NetworkChange. Это событие происходит всякий раз, когда с сетевым интерфейсом что-то происходит. Далее задача программиста воспользоваться методом GetIsNetworkAvailable, чтобы понять, есть ли соединение.

Вот и все, что можно на текущий момент сказать об отключенном режиме. Принесли чай, поэтому я завершаю эту короткую статью и начинаю искать свои бутерброды.

Вот ссылки:

https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032406250&Culture=UK-UA

https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032406251&Culture=UK-UA]]> https://docs.microsoft.com/archive/blogs/sbaidachni/113 Sat, 28 Feb 2009 07:03:17 GMT https://blogs.msdn.microsoft.com/sbaidachni/2009/02/28/113/ Опубликовал новое видео с наших ежемесячных событий.

Даю прямые ссылки для скачивания:

Создание Workflow в Microsoft Office SharePoint Server 2007 - Константин Косинский

Введение в Microsoft Office SharePoint Server 2007 для разработчиков - Александр Ломакин

Business Intelligence в Microsoft Office Sharepoint Server 2007 - Константин Косинский