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

【问题标题】：How to sync ui to full screen or compact mode using MediaPlayerElement如何使用 MediaPlayerElement 将 ui 同步到全屏或紧凑模式
【发布时间】：2019-09-17 10:17:55
【问题描述】：

我正在使用MediaPlayerElement，当我的应用程序窗口大小正常时，MediaPlayerElement 上有一个按钮和一个文本框。但是当我点击全屏或紧凑按钮进入全屏或紧凑模式时，它们消失了。

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

一个有用的回购是here，将文本框同步到全屏。

【问题讨论】：

这个回复可以helpful.
看来我需要用自己的MediaTransportControls风格编写控件，然后应用到MediaPlayerElement。我会尽力。谢谢。
太好了，如果您有任何更新，请在下面发布。
嗨，尼科。我发现自定义 MediaTransportControls 只影响控制栏区域。我想在 MediaPlayerElement 的右上角放置一个徽标。所以上面的回复没有用。

标签： c# uwp media-player uwp-xaml

【解决方案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 添加到样式中。

【讨论】：

哇，它有效。但我做了一些不同的事情。由于 ControlPanel_ControlPanelVisibilityStates_Border 可能会在鼠标指针静止时消失，这将导致我的东西消失。所以我把我的东西放在 ControlPanel_ControlPanelVisibilityStates_Border 之外，这样我的东西就会一直显示在最上面。