Question

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/

如果我影响了constructeur中Color1或Color2的值，它可以工作（更改视图），但是在调用ChangeColor之后，View模型中的值会发生变化，但它不会影响视图。

Answer 1

要让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应该有一些业务逻辑属性，您可以将TextBox的颜色设置为XAML，如IsNameAvailable。

Answer 2

您需要注册该物业。

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) 的控制名称（即类名称）。

Answer 3

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

我基本上只解释MVVM设计模式。在ViewModel中，它应该实现Interface 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

使用NotificationBase的数据绑定问题

3 个答案: