第07课全屏模式支持_app

概述本文为系列文章第七篇，介绍如何在Silverlight 2中使用全屏模式。实现全屏模式全屏模式有时候是非常有用的，在Silverlight中，提供了很好的支持。实现起来也非常的简单，其实只有一行代码，编写一个简单的XAML。 <Canvas Background="#46461F"> <Button x:Name="toggleButton" Background="Red" Wid

本文为系列文章第七篇，介绍如何在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";        }    }}