使用通知库的数据绑定问题

本文关键字：数据绑定 问题 通知 | 更新日期: 2023-09-27 17:55:38

Custom_View.xaml
    <UserControl>
        <local:Custom_Text_Field
            Custom_Text_Field_Color="{x:Bind ViewModel.Color1 , Mode=TwoWay}">
        </local:Custom_Text_Field>
        <local:Custom_Text_Field
            Custom_Text_Field_Color="{x:Bind ViewModel.Color2 , Mode=TwoWay}">
        </local:Custom_Text_Field>
        <Button Click="{x:Bind ViewModel.ChangeColor"/>
    </UserControl>
Custom_View.cs
    public sealed partial class Custom_View : UserControl
    {
        public Custom_View_VM ViewModel { get; set; }
        public Custom_View()
        {
            ViewModel = new Custom_View_VM();
            this.InitializeComponent();
        }
    }
Custom_View_VM.cs
    public class Custom_View_VM : NotificationBase
    {
        public Brush Color1 { get; set; }
        public Brush Color2 { get; set; }
        public void  ChangeColor{//change color1 or color2};
    }

我使用了此示例中的 NotificationBase 类：https://blogs.msdn.microsoft.com/johnshews_blog/2015/09/09/a-minimal-mvvm-uwp-app/

如果我在构造函数中影响 Color1 或 Color2 的值，它会起作用（更改视图），但在调用 ChangeColor 后，视图模型中的值会更改，但不会影响视图。

使用通知库的数据绑定问题

要更新 UI，它应该收到一个PropertyChanged事件。您应该使用 NotificationBase 的机制来设置属性，这些属性也会引发PropertyChanged事件：

public class Custom_View_VM : NotificationBase
{
    private Brush color1;
    public Brush Color1 
    {
        get { return color1; }
        set { SetProperty(color1, value, () => color1 = value); }
    }
    // TODO: same here
    public Brush Color2 { get; set; }
    public void  ChangeColor{//change color1 or color2};
}

颜色通常不会进入ViewModels。ViewModel应该具有一些业务逻辑属性，您可以从XAML（如IsNameAvailable）中基于TextBox的颜色。

您需要注册属性。

public static readonly DependencyProperty Custom_Text_Field_Color_Property =
        DependencyProperty.Register("Custom_Text_Field_Color", typeof(Brush), 
        typeof(Class_Name), new UIPropertyMetadata(null));
        public Brush Custom_Text_Field_Color
        {
            get { return (Brush)GetValue(Custom_Text_Field_Color_Property); }
            set { SetValue(Custom_Text_Field_Color_Property, value); }
        }

使用控件名称（即类名）进行typeof(Class_Name)。

在你的情况下，类 NotificationBase 是一个自定义类，你可以使用或不使用。

我基本上只解释 MVVM 设计模式。在 ViewModel 中，它应该实现接口 INotifyPropertyChanged，并在设置属性时触发事件 PropertyChanged。

public sealed class MainPageViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    private string _productName;
    public string ProductName
    {
        get { return _productName; }
        set
        {
            _productName = value;
            if (PropertyChanged != null)
            {
                PropertyChanged.Invoke(this, new PropertyChangedEventArgs(nameof(ProductName)));
            }
        }
    }
}

在示例中将演示此 MVVM 设计模式。https://code.msdn.microsoft.com/How-to-achieve-MVVM-design-2bb5a580

相关文章：