使用视图模型值的依赖属性

Question

我在尝试实现包含视图模型和一些依赖属性的用户控件时遇到问题。

现在，想法是在 UC 上创建一个包含水印属性的文本框，该属性应该允许使用它的开发人员通过 xaml 将本地化字符串从资源文件传递给它。

鉴于 UC 必须处理一些信息，我需要为它创建一个视图模型。

我目前的情况如下：

在用户控件上，我有一个控件，其中包含一个名为“Watermark”的字符串属性，它的值绑定到我的 VM 水印属性：

<Grid x:Name="LayoutRoot" Background="Gray">    
    <controls:CustomTextBox Watermark="{Binding Path=WatermarkTextValue}"/>
</Grid>

视图模型如下所示：

private string watermarkText;
public string WatermarkTextValue
        {
            get
            {
                return watermarkText;
            }
            set
            {
                watermarkText = value;
                this.OnPropertyChanged(() => this.WatermarkTextValue);
            }
        }

后面的用户控制代码包含依赖属性，用于将视图模型的水印与资源文件条目绑定，并在构造函数中创建 VM 属性和依赖项之间的绑定：

public partial class SearchFilterUserControl : UserControl
    {
        public SearchFilterUserControl()
        {
            InitializeComponent();

            this.DataContext = new SearchFilterViewModel();
            var viewModelPropertyBinding = new Binding("WatermarkTextValue") { Mode = BindingMode.TwoWay, Source = this.DataContext };

            this.SetBinding(WatermarkTextProperty, viewModelPropertyBinding);
        }

        public string WatermarkText
        {
            get
            {
                return (string)this.GetValue(WatermarkTextProperty);
            }
            set
            {
                this.SetValue(WatermarkTextProperty, value);
            }
        }

        public static readonly DependencyProperty WatermarkTextProperty =
            DependencyProperty.Register("WatermarkText", typeof(string), typeof(SearchFilterUserControl), new PropertyMetadata(string.Empty));
    }

这里的主要问题是，从视图中使用 UC 时；我只能看到在 xaml 中硬编码的值，任何其他类型的绑定都不起作用，所以在这两行之外：

<userControls:SearchFilterUserControl WatermarkText="{Binding Path=SearchFilterUserControl_SearchWatermarkText, Source={StaticResource ResourceManagementClientResources}}"/>

<userControls:SearchFilterUserControl WatermarkText="Hardcoded text"/>

我看到一个空文本框和另一个带有“硬编码文本”水印的文本框！

Answer 1

这里有一些问题，但让我们从这个开始：

public SearchFilterUserControl()
{
    InitializeComponent();

    this.DataContext = new SearchFilterViewModel();
}

执行此操作时，您正在更改控件的数据上下文，这将破坏控件用户的任何绑定。也就是说，有了这个：

<controls:SearchFilterUserControl Watermark="{Binding Path=WatermarkTextValue}" />

运行时现在将在作为其新数据上下文的“SearchFilterViewModel”中查找“WatermarkTextValue”。

解决此问题的一种方法是将数据上下文应用到控件的子元素（通常是“LayoutRoot”或类似元素）。这样，外部 DataContext 将被保留。请注意，您必须在“OnApplyTemplate”覆盖中执行此操作——您不能在构造函数中执行此操作，因为尚未加载模板元素。像这样的：

public SearchFilterUserControl()
{
    InitializeComponent();

    this.DataContext = new SearchFilterViewModel();
}

public override void OnApplyTemplate()
{
    base.OnApplyTemplate();
    GetTemplateChild("LayoutRoot").DataContext = new SearchFilterViewModel();
}

---

第二个问题是，您似乎将“WatermarkTextValueProperty”作为绑定目标公开给控件的使用者，然后尝试将其重新设置为内部绑定到视图模型的目标。这显然行不通。

我的建议是简单地放弃视图模型，并在模板绑定中使用IValueConverter 的组合，和/或依赖属性的“更改”事件来处理您需要的任何处理。这将不那么复杂。

如果您坚持使用内部视图模型，那么您将需要找出一种方法将“外部”绑定（控件的使用者设置）与控件用于显示的“内部”绑定分开文本。