Silverlight播放器（MediaElement）全屏問題

xiaozhenyu 2012-08-24

展開全文

Silverlight播放器（MediaElement）全屏問題

在Silverlight開發(fā)中我們可能需要自定義開發(fā)一個播放器來滿足自己的需要，其中一個重要的功能是雙擊播放器界面能夠全屏，這里做了一個功能使得播放器能夠全屏。

首先，我們新建一個Silverlight項目，并拖一個MediaElement控件和一個輔助的按鈕到設(shè)計界面上。

為了演示雙擊產(chǎn)生的全屏效果，這里采用了簡單的雙擊計算進行判斷兩次單擊時間。silverlight本身也提供了將應(yīng)用程序全屏的方法，

Application.Current.Host.Content.IsFullScreen：

List<INT> list = new List<INT>(); 
        private void mediaElement1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
        { 
            if (list.Count == 0) 
            { 
                list.Add(DateTime.Now.Second); 
            } 
            else
            { 
                if (list.Count == 1) 
                { 
                    if (((int)list[0]) == DateTime.Now.Second) 
                    { 
                        _scale = !Application.Current.Host.Content.IsFullScreen; 
                        Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;  
                    } 
                    list.Clear(); 
                } 
            } 
        }</INT></INT>

按照上面的方法可以全屏，但是全屏后是整個APP的全屏，并非針對某一個控件的全屏，怎樣針對某一個控件比如MediaElement進行全屏呢，這里使用了Silverlight中的一個放大的功能，ScaleTransform是一個可以將控件方法的樣式組件。

<SCALETRANSFORM scalex="1" scaley="1" x:name="Scale"></SCALETRANSFORM>

當(dāng)ScaleX="1" ScaleY="1"時，是按照原圖顯示，當(dāng)ScaleX="0.5" ScaleY="0.5"時將控件縮放一倍。

于是我們通過這個功能來實現(xiàn)將某一個控件放大到屏幕的大小即可，當(dāng)然，其他的控件可以選擇隱藏或者替換。

先定義出MediaElement的控件大小及是否已經(jīng)全屏：

private static double APP_WIDTH = 352;  // Application Width 
        private static double APP_HEIGHT = 256; // Application Height 
        private bool _scale = false;            // _scale flag 
在構(gòu)造函數(shù)中定義當(dāng)APP全屏的事件：

        public StyleTest() 
        { 
            InitializeComponent(); 
            Application.Current.Host.Content.Resized += new EventHandler(Content_Resized); 
            Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_Resized);         
        } 
當(dāng)窗體變化時可以將控件的放大倍數(shù)計算出來，進而放大MediaElement

void Content_Resized(object sender, EventArgs e) 
{ 
    double currentWidth = Application.Current.Host.Content.ActualWidth; 
    double currentHeight = Application.Current.Host.Content.ActualHeight; 
 
    if (_scale) 
    { 
        // Scale up the Canvas  
        Scale.ScaleX = currentWidth / APP_WIDTH; 
        Scale.ScaleY = currentHeight / APP_HEIGHT; 
    } 
    else
    { 
        // position the Canvas to the center  
        Scale.ScaleX = 1; 
        Scale.ScaleY = 1; 
 
    } 
} 
private void btn_Click(object sender, RoutedEventArgs e) 
{ 
    _scale = !Application.Current.Host.Content.IsFullScreen; 
    Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;          
}