如何使用 MediaPlayerElement 将 ui 同步到全屏或紧凑模式

Question

我正在使用 MediaPlayerElement，当我的应用 window 处于正常大小时，我在 MediaPlayerElement 上有一个按钮和一个文本框。但是当我点击全屏或压缩按钮进入全屏或压缩模式时，它们就消失了。

如何以全屏或紧凑模式显示它们？

一个有用的存储库是 here，将 TextBox 同步到全屏。

Answer 1

根据您的要求，您可以自定义 MediaTransportControls 并在样式中找到 ControlPanel_ControlPanelVisibilityStates_Border。然后在该边框下添加您的元素。

例如

<Border x:Name="ControlPanel_ControlPanelVisibilityStates_Border">
    <Grid>
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            FontSize="25"
            Foreground="Red"
            Text="This is title"
            />
        <Grid
            x:Name="ControlPanelGrid"
            VerticalAlignment="Bottom"
            Background="{ThemeResource SystemControlPageBackgroundAltMediumBrush}"
            RenderTransformOrigin="0.5,0.5"
......

我将标题 TextBlock 添加到样式中。