更改 Windows 10 通用 XAML 应用程序的 chrome

Question

我想修改 chrome 和我的应用程序顶部菜单面板的设计，其中包含关闭和缩小图标。

如何在哪个 XAML 文件中执行此操作？它应该在 App.xaml 中完成，还是在我主页的 xaml 文件中完成？我可以在 WPF 应用程序中找到有关如何执行此操作的说明，但这些概念似乎并没有延续到通用应用程序 XAML。

Answer 1

您需要使用具有自定义样式的资源字典。您可以通过 App.Xaml 导入这些主题来应用它。

这些链接可能会有帮助。如果您有任何具体问题，请随时提出。

ResourceDictionary and XAML resource references

XAML theme resources

Answer 2

据我所知，您可以从 uwp 中的 chrome 栏更改一些设置，但默认情况下不能完全自定义。

这样做的起点是 ApplicationView's TitleBar 属性。

这允许您更改按钮和栏本身的颜色：

var titleBar = ApplicationView.GetForCurrentView().TitleBar;
if (titleBar != null)
{
    titleBar.ButtonBackgroundColor = Colors.DarkBlue;
    titleBar.ButtonForegroundColor = Colors.White;
    titleBar.BackgroundColor = Colors.Blue;
    titleBar.ForegroundColor = Colors.White;
}

值得一提的是，运行在PC上的应用，控件叫做TitleBar，但是在移动设备上，叫做状态栏。可以找到处理这两种设备的完整示例 here.

如果您需要更多个性化选项，可以创建自己的 TitleBar 组件，查找 CoreApplicationViewTitleBar 对象的 ExtendViewIntoTitleBar 属性。

可以找到更多信息 here。

更改 Windows 10 通用 XAML 应用程序的 chrome

Changing the chrome of a Windows 10 Universal XAML app

xaml

win-universal-app