UI Controls disappear in fullScreen mode, UWP

  • Thread starter Thread starter B3HI13
  • Start date Start date
B

B3HI13

Guest
Hi, im creating a video player, when I make the app full screen, the XAML controls like play/pause, volume & etc just disappear. can anyone help me?


this below code is my C# full Screen Code.


ApplicationView.GetForCurrentView().TryEnterFullScreenMode();
mediaPlayer.IsFullWindow = true;

and these below codes are my XAML Controls.


<AppBarButton Icon="Play" Visibility="Visible" VerticalAlignment="Bottom" HorizontalAlignment="Center" x:Name="playVideo" Click="playVideo_Click"/>
<AppBarButton Icon="Pause" Visibility="Collapsed" VerticalAlignment="Bottom" HorizontalAlignment="Center" x:Name="pauseVideo" Click="pauseVideo_Click"/>

<AppBarButton Icon="More" VerticalAlignment="Bottom" HorizontalAlignment="Left" x:Name="moreMenu" Content="Menu Flyout">
<AppBarButton.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="Open File ..." x:Name="openFile" Click="openFile_Click"/>
<MenuFlyoutItem Text="Choose Subtitle ..." x:Name="chooseSubtitle"/>
<MenuFlyoutItem Text="About" x:Name="about"/>
</MenuFlyout>
</AppBarButton.Flyout>
</AppBarButton>

<AppBarButton Icon="FullScreen" Visibility="Visible" VerticalAlignment="Bottom" HorizontalAlignment="Right" x:Name="btnFullScreen" Click="btnFullScreen_Click" Height="60" Margin="0,0,73,0"/>
<AppBarButton Icon="BackToWindow" Visibility="Collapsed" VerticalAlignment="Bottom" HorizontalAlignment="Right" x:Name="btnExitFullScreen" Margin="0,0,73,0" Click="btnExitFullScreen_Click"/>

<AppBarButton Icon="Volume" VerticalAlignment="Bottom" HorizontalAlignment="Right" x:Name="btnVolume" Click="btnVolume_Click"/>

<Slider x:Name="volumeSlider" Visibility="Collapsed" VerticalAlignment="Bottom" HorizontalAlignment="Right" ValueChanged="volumeChanged" Header="Volume" Width="242" Margin="0,0,10,63" Maximum="10" BorderBrush="{ThemeResource AppBarBackgroundThemeBrush}" FocusVisualSecondaryBrush="{ThemeResource AppBarButtonBackground}">
<Slider.Background>
<SolidColorBrush Color="{ThemeResource SystemAltHighColor}" Opacity="1"/>
</Slider.Background>
</Slider>


Please, if any body can help, Ill appreciate it.

Continue reading...
 
Back
Top