UWP/C# 将所选颜色应用于 NavigationView

Question

终于设法让 Colorpickers 下来并排序，它们目前在 OnNavigateTo 基础上工作。

当我从颜色选择器中选择一种颜色时，我想立即应用到我的 NavigationViewItems 的前景，或者在我单击设置页面中名为 TextColourApply_Click 的按钮后应用。

目前提到的颜色选择器位于 settingspage 上，而 NavigationViewItems 位于 MainPage 上。

我正在考虑进行 UI 刷新，但据我所知，这不适用于 UWP。作为一种解决方法，我正在考虑进行当前的框架导航，但这不起作用

我有以下允许在导航回“主页”时应用所选颜色：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    SolidColorBrush DefaultTextColour = Application.Current.Resources["DefaultTextColour"] as SolidColorBrush;

    if (ColourSelections.TextColour != null)
    {
        DefaultTextColour = ColourSelections.TextColour;
    }

    foreach (var item in NavView.MenuItems.OfType<NavigationViewItem>())
    {
        item.Foreground = DefaultTextColour;
    }       
}          

任何关于如何实现这一点的想法将不胜感激。谢谢

Answer 1

如果您希望的行为如下：

当我从 颜色选择器 中选择一种颜色时，它应该立即应用到我的 NavigationViewItems 的前景并且颜色选择器位于设置页面上。

在这种情况下，您的 MainPage 上不需要 OnNavigatedTo 并且您也不需要 Apply，因此请删除您的 OnNavigatedTo 方法还从您的设置页面中删除应用按钮，然后执行以下操作：

在您的 ShellPage（您的 NavigationView 所在的页面）中创建一个公共静态属性，该属性将公开您的 NavigationView，并确保在您的 ShellPage 的构造函数中对其进行初始化。

public static NavigationView MyNavView;
public ShellPage()
{
    this.InitializeComponent();
    MyNavView = NavView; //here you assign your navigation view to the public static property so you can access it outside this shell page as well.
}

现在在颜色选择器的 colorChanged 事件中（在您的设置页面中），将颜色分配给您的 navigationmenuItems 的前景。

private void TextColourPicker_ColorChanged(ColorPicker sender, ColorChangedEventArgs args)
{
    SolidColorBrush DefaultTextColour = new SolidColorBrush(TextColourPicker.Color);

    foreach (var item in ShellPage.MyNavView.MenuItems.OfType<NavigationViewItem>())
    {
        item.Foreground = DefaultTextColour;
    } 
}

并且只是为了确保当您的应用第一次加载时您会在资源中设置默认颜色，将 Loaded 事件分配给您的 NavigationView 并在其中设置默认颜色。

像这样在 xaml 中添加加载的事件：

<NavigationView x:Name="NavView" Loaded="NavView_Loaded">

您后端的事件将是：

private void NavView_Loaded(object sender, object args)
{
    SolidColorBrush DefaultTextColour = Application.Current.Resources["DefaultTextColour"] as SolidColorBrush;    

    foreach (var item in NavView.MenuItems.OfType<NavigationViewItem>())
    {
        item.Foreground = DefaultTextColour;
    } 
}

请注意，现在您甚至不需要之前使用的公共静态类来保存颜色，因此您也可以删除该类。