Silverlight 2 Beta 1版本發布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，如支持框架語言Visual Basic, Visual C#, IronRuby, Ironpython，對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學Silverlight 2系列》文章帶您快速進入Silverlight 2開發。 本文為系列文章第七篇，介紹如何在Silverlight 2中使用全屏模式。 1.實現全屏模式 2.捕獲相關事件

概述

Silverlight 2 Beta 1版本發布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，如支持框架語言Visual Basic, Visual C#, IronRuby, Ironpython，對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學Silverlight 2系列》文章帶您快速進入Silverlight 2開發。

本文為系列文章第七篇，介紹如何在Silverlight 2中使用全屏模式。

實現全屏模式

全屏模式有時候是非常有用的，在Silverlight中，提供了很好的支持。實現起來也非常的簡單，其實只有一行代碼，編寫一個簡單的XAML。

<Canvas Background="#46461F">
    <Button x:Name="toggleButton" Background="Red" Width="200" Height="80"
            Canvas.Top="80" Canvas.Left="150" Content="Toggle Full Screen"
            FontSize="20" Click="toggleButton_Click"/>
    <Image x:Name="image" Source="smile_6.png" 
           Canvas.Top="100" Canvas.Left="40"></Image>
</Canvas>

引入命名空間

using System.Windows.Interop;

在按鈕單擊事件中添加實現代碼。

private void toggleButton_Click(object sender, RoutedEventArgs e)
{
    Content contentObject = Application.Current.Host.Content;
    contentObject.IsFullScreen = !contentObject.IsFullScreen;
}

獲取當前的Silverlight插件“Content”對象，并設置IsFullScreen屬性。運行后單擊按鈕將會變為全屏模式，再次單擊按鈕（或者按Esc鍵）返回普通模式。

捕獲相關事件

有時候，我們需要在全屏模式和普通模式之間切換時，添加一個其它的代碼，這時可以使用事件FullScreenChanged。

public Page()
{
    InitializeComponent();
    Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged);
}

實現事件處理

private void Content_FullScreenChanged(object sender, EventArgs e)
{
    Content contentObject = Application.Current.Host.Content;
    if (contentObject.IsFullScreen)
    {
        toggleButton.Background = new SolidColorBrush(Colors.Green);
        toggleButton.Content = "Full Screen Mode";
    }
    else
    {
        toggleButton.Background = new SolidColorBrush(Colors.Red);
        toggleButton.Content = "Normal Mode";
    }
}

在普通模式和全屏模式之間切換時，改變按鈕的背景色和文字。運行后點擊按鈕：

切換為普通模式：

完整的代碼如下：

public partial class Page : UserControl
{
    public Page()
    {
        InitializeComponent();
        Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged);
    }

    private void toggleButton_Click(object sender, RoutedEventArgs e)
    {
        Content contentObject = Application.Current.Host.Content;
        contentObject.IsFullScreen = !contentObject.IsFullScreen;
    }

    private void Content_FullScreenChanged(object sender, EventArgs e)
    {
        Content contentObject = Application.Current.Host.Content;
        if (contentObject.IsFullScreen)
        {
            toggleButton.Background = new SolidColorBrush(Colors.Green);
            toggleButton.Content = "Full Screen Mode";
        }
        else
        {
            toggleButton.Background = new SolidColorBrush(Colors.Red);
            toggleButton.Content = "Normal Mode";
        }
    }
}

結束語

本文簡單介紹了Silverlight 2中對于全屏模式的支持，你可以從這里下載本文示例代碼。

下一篇：一步一步學Silverlight 2系列（8）：使用樣式封裝控件觀感