UWP Groove音乐标题栏

Question

如何制作Groove音乐之类的TitleBar ？ 它有一个带有应用名称的自动返回按钮。 此外，它的NavigationViewPane扩展到TitleBar 。

所以我首先添加： Windows.ApplicationModel.Core.CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;

然后使NavigationView的后退按钮可见。 但是，存在一个已知问题 。 基本上，该后退按钮的一部分覆盖了某些东西，使其只能在某个位置单击。 尽管这里提供了一个解决方案 ，但是它似乎与AppViewBackButton并没有很好的兼容性（例如，我只希望AppViewBackButton为蓝色），并且无法使其正常工作。

然后，我尝试使用SystemNavigationManager.GetForCurrentView().AppViewBackButton但是该按钮似乎与Groove Music并不相同，因为该按钮与NavigationView的按钮很好地对齐。 我可以重新设计NavigationViewStyle以使其适合，但是这需要大量工作（如何获取AppBackButton的大小或如何对其进行自定义？）。 NavigationView的OpenPane带有阴影，但我没有找到原始样式。

有更好的方法吗？

Answer 1

UWP Groove音乐标题栏

UWP Groove Music应用程序的后退按钮包含两种类型，一种是NavigateView的BackButton ，另一种是AppViewBackButton 。

例如我只希望AppViewBackButton为蓝色

您可以检查“正在播放”页面的后退按钮，背景颜色遵循系统设置是AppViewBackButton 。 您可以通过在Windows颜色设置中切换其他颜色来自定义它。

更新

问题是按钮是可单击的控件，如果调用SetTitleBar方法将按钮设置为标题栏，则该按钮将被禁用。 请添加以下内容

CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true; 

并删除Window.Current.SetTitleBar(EmptyTitleBar); 在NowPlayingFullPage方法中。

Answer 2

只需将我在NicoZhu帖子下的评论变成答案。

若要创建标题栏，如Groove音乐，您需要对其进行自定义。 并根据底部的代码修改您的代码。

另外，如果需要切换页面，则最好将其添加到要切换的页面的Page_Loaded事件中，以便标题栏可拖动：

Window.Current.SetTitleBar(AppTitleBar);