如何使UWP中的UserControl全屏？

Question

我有用戶控件（名爲MyControl）

<Grid Background="White"> 
     <MediaElement Name="Player"></MediaElement> 
     <Button Name="btnFullscreen" 
       VerticalAlignment="Bottom" 
       HorizontalAlignment="Center" 
       Content="Fullscreen"></Button> 
</Grid> 

和MainPage.xaml中

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <local:MyControl></local:MyControl> 
</Grid> 

我想點擊「btnFullscreen」，使顯示「myControl」全屏就像你在每一個視頻播放器切換全屏模式，在全屏模式下有「btnFullscreen」和「Player」

對不起，我說英文不太好，非常感謝！

private void btnFullscreen_Click(object sender, RoutedEventArgs e) 
{ 
    ApplicationView.GetForCurrentView().TryEnterFullScreenMode(); 
    Player.IsFullWindow = true; 
} 

而且MyControl.xaml：

Answer 1

您可以通過以下代碼設置MediaElement控件到全屏模式

<Grid> 
    <MediaElement Name="Player" AreTransportControlsEnabled="True" > 
    </MediaElement> 
    <Button Name="btnFullscreen" 
      VerticalAlignment="Bottom" 
      HorizontalAlignment="Center" 
      Content="Fullscreen" Click="btnFullscreen_Click"></Button> 
</Grid> 

更新：如果你想reate新的視頻播放器新播放器控制如播放按鈕，音量滑塊，全屏按鈕，滑塊等。我建議你遵循本文件的步驟：Create custom media transport control。並且您可以通過添加一個自定義按鈕本文檔的一部分，您可以找到一種方法將全屏按鈕添加到您的視頻播放器。以下是自定義媒體傳輸控制的官方示例：XamlCustomMediaTransportControls。