媒体元素中的自定义传输控件。 IsFullWindow = true

Question

我使用的是mediaElement，IsFullWindow属性设置为true。

我需要使用一些控制按钮，但是当全屏模式处于活动状态时，我的按钮（如播放，暂停，停止......）将隐藏在mediaElement后面。

确定。我可以用

  

AreTransportControlsEnabled =＆＃34;真＆＃34;

但我想要自己的控件。

这是教程http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh986967.aspx 但它不使用IsFullWindow属性。

我希望达到以下目的:(全屏模式下的自定义传输控件）

（来自诺基亚视频修剪器的截图）

Answer 1

你必须手动布局页面，这并不难。

从横向页面开始，您可以调整MediaElement的大小，使其占用整个页面。

然后，您可以在MediaElement上方自由显示自己的控件。

然而，看起来这可能会产生电池/性能成本，因为这意味着您将无法从IsFullWindow给您的“系统级优化”中受益。

您可以在此手动完整窗口和优化的IsFullWindow版本之间切换，但我还没有尝试过看到它的样子。

Answer 2

为了使用＆＃34;系统级优化＆＃34;在IsFullWindow中，与MSDN页面中的引用页面显示（在问题中）不同，使用StackPanel进行传输控制并使MediaElement拉伸以模仿全屏，使用Popup进行传输控制。由于Popups始终位于其他窗口之上，即使是MediaElement，它们甚至会全屏显示。使用＆＃39; Horizo​​ntalOffset＆＃39;和＆＃39; VerticalOffset＆＃39;弹出窗口的属性相对于直接父级移动它们。这在https://code.msdn.microsoft.com/windowsapps/basic-media-playback-003619be的示例中显示。