Как сделать полноэкранный режим UserControl в UWP?

Question

У меня есть UserControl (названный 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»

Извините, я говорю по-английски, не очень хорошо, спасибо вам большое!

Answer 1

Вы можете установить контроль MediaElement в полноэкранном режиме с помощью следующих кодов:

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

И MyControl.xaml:

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

Update: Если вы хотите reate новый видеоплеер с новым плеер, как кнопка воспроизведения, ползунок громкости, полноэкранная кнопка, слайдер и так далее. Я предлагаю вам выполнить следующие шаги этого документа: Create custom media transport control. И вы можете найти способ добавить полноэкранную кнопку в свой видеоплеер на Добавление пользовательской кнопки раздел этого документа. Вот официальный образец пользовательского управления транспортными средствами массовой информации: XamlCustomMediaTransportControls.