Question

我正在开发一个源自UserControl的图表控件，一切都很好，直到我发现无法通过绑定设置DependencyProperty底轴。以下是图表控件的代码段：

  public class AxisBase : FrameworkElement
    {
        public IList<double> ExtraGridLines
        {
            get { return (IList<double>)GetValue(ExtraGridLinesProperty); }
            set { SetValue(ExtraGridLinesProperty, value); }
        }
        public static readonly DependencyProperty ExtraGridLinesProperty =
            DependencyProperty.Register("ExtraGridLines", typeof(IList<double>), typeof(AxisBase), new PropertyMetadata(null, OnExtraGridLineDataPropertyChanged));
        private static void OnExtraGridLineDataPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            //Problem: data bing would not work, and 
            //this call back method will never get called!
            Debug.WriteLine("ExtraGridLines changed...");
        }
    }

    public sealed partial class MyChart : UserControl
    {
        public MyChart()
        {
            this.InitializeComponent();
        }

        public AxisBase BottomAxis
        {
            get { return (AxisBase)GetValue(BottomAxisProperty); }
            set { SetValue(BottomAxisProperty, value); }
        }
        public static readonly DependencyProperty BottomAxisProperty =
            DependencyProperty.Register("BottomAxis", typeof(AxisBase), typeof(MyChart), new PropertyMetadata(null));


    }

这是绑定代码：

<Page x:Class="App1.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:App1"
      x:Name="rootPage">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <local:MyChart>
            <local:MyChart.BottomAxis>
                <local:AxisBase ExtraGridLines="{Binding MyExtraGridLines, ElementName=rootPage}" />
            </local:MyChart.BottomAxis>
        </local:MyChart>
    </Grid>
</Page>


public sealed partial class MainPage : Page, INotifyPropertyChanged
{
    private List<double> _myExtraGridLines;
    public List<double> MyExtraGridLines
    {
        get { return _myExtraGridLines; }
        set
        {
            _myExtraGridLines = value;
            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("MyExtraGridLines"));
        }
    }

    public MainPage()
    {
        this.InitializeComponent();
        this.MyExtraGridLines = new List<double>() { 10, 100, 1000 };
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

问题是：绑定似乎永远不会起作用，dp ExtraGridLines的PropertyChangedCallback方法永远不会被调用。但是这些代码在WPF中有效。我的代码出了什么问题？还是一个bug？任何想法都会很感激！

EDIT1： 这似乎与数据类型无关，即使我已将类型从IList<double>更改为int，string或object，问题也是如此。但是，如果我将AxisBase的类型从FrameworkElement更改为DependencyObject，那么绑定就可以了。但是这个解决方案是不可接受的，因为DependencyObject没有Style。

EDIT2： 最后，我想我已经找到了ElementName绑定不起作用的原因：ElementName绑定仅适用于同一NameScope中的元素。如果您有兴趣了解更多信息，请参阅以下两个好链接： https://stackoverflow.com/questions/18389118/how-does-binding-elementname-work-exactly和 http://www.cnblogs.com/idior/archive/2010/05/28/1746513.html

顺便说一句：我第一次错了：这些代码在WPF中也不起作用。绑定会抛出运行时错误： System.Windows.Data错误：4：无法找到与引用绑定的源＆＃39; ElementName = rootPage＆＃39;。 BindingExpression：路径= ShowAxisLabel;的DataItem = NULL;目标元素是＆＃39; AxisBase＆＃39; （名称=＆＃39;＆＃39）;目标财产是'IsLabelVisible＆＃39; （键入＆＃39;布尔＆＃39;）

btw 2：为了使DataContext绑定在上面的代码中工作，AxisBase应该监听MyChart的DataContext的更改，或者显式地添加到MyChart的Logical或Visual树中。这是我的代码的错误。但是由于NameScope问题，似乎没有正常或优雅的方法来在这里制作ElementName绑定。

我可能应该将此问题的标题更改为：为什么ElementName绑定到UserControl中的元素在UWP / WPF中不起作用？

Answer 1

这可能是UWP中传统绑定的错误;但是，使用新的x:Bind，以下代码应按预期工作。

<local:AxisBase ExtraGridLines="{x:Bind MyExtraGridLines, Mode=OneWay}" />

请注意，这也为您提供了更好的性能。所以你应该首先考虑使用这种绑定方法。

更新

看起来真正的问题与ElementName绑定到祖先有关。但是，如果您通过指定DataContext这样使用正常的MVVM方法 -

MyExtraGridLines = new List<double>() { 10, 100, 1000 };

DataContext = this;

删除ElementName绑定与正常绑定 -

<local:AxisBase ExtraGridLines="{Binding MyExtraGridLines}" />

还要通过添加 -

确保轴元素在可视树中

<UserControl x:Class="xxx.MyChart">
    <Grid>
        <ContentPresenter Content="{x:Bind BottomAxis, Mode=OneWay}" />
    </Grid>
</UserControl>

这也应该有用。

UWP错误？绑定到某些嵌套的DependencyProperty将无法正常工作

1 个答案:

更新