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，如需轉載請自行聯系原作者