silverlight 实现全屏

我们利用最为基本的控件，实现类似于视频网址的全屏功能，这里我们用的控件是，canvas控件stackpanel控件，textblock控件，以及button控件，其中textblock控件类似于asp.net中的label控件，用于显示数据，下面是silverlight创建及实现代码

1．首先我们新建一个silverlight项目：先在左面选择silverlight，然后选择silverlight应用程序，确定即可

<a href="http://images.cnblogs.com/cnblogs_com/shenzhoulong/e800/silverlight%E5%85%A8%E5%B1%8F%E6%98%BE%E7%A4%BA/%E6%96%B0%E5%BB%BA2.jpg"></a>

3．在右侧的解决方案管理器中双击MainPage.xaml

<a href="http://images.cnblogs.com/cnblogs_com/shenzhoulong/e800/silverlight%E5%85%A8%E5%B1%8F%E6%98%BE%E7%A4%BA/%E6%96%B0%E5%BB%BA3.jpg" target="_blank"></a>

4．点击xaml开启我们的silverlight之旅

5．首先你会在刚刚新建的silverlight程序中看到微软已近给我们的部分代码，这里要删除，标签，在删除grid标签后，要引用命名空间：

using System.Windows.Interop;

在其位置添加如下代码：

&lt;Canvas Background="Black"&gt;

        &lt;Button x:Name="btnContent" Click="btnContent_Click"

Canvas.Left="50" Canvas.Top="50" Background="Red" FontSize="12" Width="160" Height="80"&gt;

            &lt;Button.Content&gt;

                &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"&gt;

                    &lt;TextBlock Text="点击我¨°" VerticalAlignment="Center" Margin="10" &gt;TextBlock&gt;

                StackPanel&gt;

            Button.Content&gt;

        Button&gt;

    Canvas&gt;

学习过asp.net 的相信对这些熟悉都不陌生，对于以上控件的使用请查看<b>连接，</b>在html中的很多规则是可用的，方便记忆以及学习，添加上如上代码后，我们可以所写即所得的看到

我们的效果差不多就是这样了，当然运行起来更为华丽

6.上面我们注意到会有个单击事件，点击button按钮时会实现相应的功能，可以将光标放到单击事件的名称处，在键盘上点击F7，直接生成单击事件，并进入单击事件代码处，添加如下代码：

Content contentObject = Application.Current.Host.Content;

            contentObject.IsFullScreen = !contentObject.IsFullScreen;

这里把程序当前的所有内容赋给content的一个对象，下面的代码就是对现在浏览器的判断，看是否已经全屏显示，如果不是全屏显示的话，单击button按钮就会全屏显示，如果是全屏显示的话，单击按钮，退出全屏显示。

7．运行后的效果图如下：

点击button按钮后显示效果：

结束：silverlight3实现全屏显示，相信你会有所收获的!!!!

本文转自shenzhoulong  51CTO博客，原文链接：http://blog.51cto.com/shenzhoulong/441254，如需转载请自行联系原作者