从主页绑定到Template10设置

Question

到目前为止，我很喜欢Template10，非常好。不过，在如何绑定到主页上的设置值方面，我有点卡住了。我增加了一个新的bool设置，它正在适当地存储。在我的主页上，我有一个可见性绑定到设置：

Visibility="{Binding UseAmbientLightSensor, Converter={StaticResource CollapsedWhenFalseConverter}}"

这在应用程序启动时可以像预期的那样工作，MainPageViewModel从设置中读取值，并且基于该设置可以看到或折叠网格。

但是，如果我转到设置页面并更改这个值，当我返回到主页面时，可见性不会改变，但是我似乎无法获得这个绑定来“监听”该设置。只有当我重新启动应用程序时，它才能工作。

在普通的Template10安装中，这类似于将MainPage上的一个小徽标绑定到“设置”页面中的“UseLightThemeButton”设置，该设置将根据该设置进行更改。

Answer 1

好吧，我想这就是“官方”的答案了。但许多方法都是有效的。这一项与模板最接近。我会这样做：

public class MainPageViewModel : ViewModelBase
{
    Services.SettingService.SettingService _SettingService;

    public MainPageViewModel()
    {
        _SettingService = Services.SettingService.SettingService.Instance;
    }

    public override async Task OnNavigatedToAsync(object parameter, NavigationMode mode, IDictionary<string, object> state)
    {
        Windows.Storage.ApplicationData.Current.DataChanged += SettingsChanged;
        await Task.CompletedTask;
    }

    public override async Task OnNavigatedFromAsync(IDictionary<string, object> pageState, bool suspending)
    {
        Windows.Storage.ApplicationData.Current.DataChanged -= SettingsChanged;
        await Task.CompletedTask;
    }

    private void SettingsChanged(Windows.Storage.ApplicationData sender, object args)
    {
        RaisePropertyChanged(nameof(FontSize));
    }

    public double FontSize { get { return _SettingService.FontSize; } }
}

使用该视图模型，您可以轻松地绑定到一个设置(在本例中是FontSize)。

祝你好运。

Answer 2

有两种可能的情况可能不会发生：

• 更新bool值时引发属性更改事件。
• 将绑定设置为双向模式。

为此，更改Visibility属性的绑定模式

Visibility="{Binding UseAmbientLightSensor, Mode=TwoWay, Converter={StaticResource CollapsedWhenFalseConverter}}"

这将告诉xaml侦听视图模型中属性的任何更改。

然后，您需要告诉视图模型何时让XAML视图知道它的更改，如果您使用的是Template10，那么可以这样做：

private bool useAmbientLightSensor;

public TodoListControlViewModel UseAmbientLightSensor
{
    get
    {
        return this.useAmbientLightSensor;
    }

    set
    {
        this.Set(ref this.useAmbientLightSensor, value);
    }
}

视图模型需要从ViewModelBase类扩展，该类提供了引发OnPropertyChanged事件的Set方法，允许视图知道视图模型中的任何更改。

有关更多信息，请访问INotifyPropertyChanged 接口和其实施情况。