如何将WPF绑定与RelativeSource一起使用？

如何使用RelativeSourceWPF绑定以及不同的用例？

如果要绑定到对象上的另一个属性:

{Binding Path=PathToProperty, RelativeSource={RelativeSource Self}}

如果您想获得祖先的财产:

{Binding Path=PathToProperty,
    RelativeSource={RelativeSource AncestorType={x:Type typeOfAncestor}}}

如果要在模板化父级上获取属性(因此可以在ControlTemplate中执行双向绑定)

{Binding Path=PathToProperty, RelativeSource={RelativeSource TemplatedParent}}

或者,更短(这仅适用于OneWay绑定):

{TemplateBinding Path=PathToProperty}

Binding RelativeSource={
    RelativeSource Mode=FindAncestor, AncestorType={x:Type ItemType}
}
...

默认属性RelativeSource是Mode属性.这里给出了一整套有效值(来自MSDN):

PreviousData允许您在显示的数据项列表中绑定以前的数据项(而不是包含数据项的控件).

TemplatedParent指应用模板(其中存在数据绑定元素)的元素.这与设置TemplateBindingExtension类似,仅在Binding位于模板中时才适用.

Self指向要设置绑定的元素,并允许您将该元素的一个属性绑定到同一元素上的另一个属性.

FindAncestor指数据绑定元素的父链中的祖先.您可以使用它来绑定到特定类型或其子类的祖先.如果要指定AncestorType和/或AncestorLevel,则使用此模式.

这是MVVM架构上下文中更直观的解释:

想象一下这个案例,我们想要一个矩形,它的高度总是等于它的宽度,一个正方形让我们说.我们可以使用元素名称来完成此操作

但在上面这种情况下,我们有义务指出绑定对象的名称,即矩形.我们可以使用RelativeSource以不同的方式达到相同的目的

对于这种情况,我们没有义务提及绑定对象的名称,并且每当高度改变时,宽度将始终等于高度.

如果要将宽度参数设置为高度的一半,则可以通过向Binding标记扩展添加转换器来完成此操作.我们现在想象另一个案例:

上面的情况用于将给定元素的给定属性绑定到其直接父元素之一,因为此元素包含一个名为Parent的属性.这导致我们进入另一个相对源模式,即FindAncestor模式.

Bechir Bejaoui在他的文章中公开了WPF中RelativeSources的用例:

RelativeSource是一个标记扩展,当我们尝试将对象的属性绑定到对象本身的另一个属性时,在我们尝试将对象的属性绑定到其相对父项的另一个属性时,在特定的绑定情况下使用在自定义控件开发的情况下将依赖项属性值绑定到一块XAML时,最后在使用一系列绑定数据的差异的情况下.所有这些情况都表示为相对源模式.我将逐一揭露所有这些案件.

模式自我:

想象一下这个案例,我们想要一个矩形,它的高度总是等于它的宽度,一个正方形让我们说.我们可以使用元素名称来完成此操作

但在上面这种情况下,我们有义务指出绑定对象的名称,即矩形.我们可以使用RelativeSource以不同的方式达到相同的目的

对于这种情况,我们没有义务提及绑定对象的名称,并且每当高度改变时,宽度将始终等于高度.

如果要将宽度参数设置为高度的一半,则可以通过向Binding标记扩展添加转换器来完成此操作.我们现在想象另一个案例:

上面的情况用于将给定元素的给定属性绑定到其直接父元素之一,因为此元素包含一个名为Parent的属性.这导致我们进入另一个相对源模式,即FindAncestor模式.

模式FindAncestor

在这种情况下,给定元素的属性将与其父元素之一Corse绑定.与上述情况的主要区别在于,由您决定层次结构中的祖先类型和祖先等级来绑定属性.顺便说一下,尝试使用这块XAML

上面的情况是两个TextBlock元素,它们嵌入在一系列边框中,而canvas元素代表它们的分层父元素.第二个TextBlock将在相对源级别显示给定父级的名称.

因此,尝试将AncestorLevel = 2更改为AncestorLevel = 1并查看会发生什么.然后尝试将祖先的类型从AncestorType = Border更改为AncestorType = Canvas,看看发生了什么.

显示的文本将根据Ancestor类型和级别更改.那么如果祖先级别不适合祖先类型会发生什么？这是一个很好的问题,我知道你将要问它.响应是没有异常将被抛出,并且nothings将在TextBlock级别显示.

TemplatedParent

此模式允许将给定的ControlTemplate属性绑定到应用ControlTemplate的控件的属性.为了更好地理解这个问题,下面是一个例子

        
            
                
                
            

              
            
        
    

    
    
        Click me
    
 

如果我想将给定控件的属性应用于其控件模板,那么我可以使用TemplatedParent模式.这个标记扩展也有类似的一个,它是TemplateBinding,它是第一个的简写,但TemplateBinding在编译时以TemplatedParent的对比度进行评估,TemplatedParent在第一个运行时之后进行评估.正如您在下图中所述,背景和内容从按钮内部应用到控件模板.

在WPF RelativeSource绑定中公开三个properties设置:

1.模式:这enum可能有四个值:

一个.PreviousData(value=0):它将前一个值赋给property绑定的值

湾 TemplatedParent(value=1): 这在定义templates任何控件时使用,并且想要绑定到的值/ Propertycontrol.

例如,定义ControlTemplate:

C.Self(value=2):当我们想要从一个self或一个property自我绑定.

例如:设置打开时发送检查状态为checkboxasCommandParameterCommandCheckBox

d.FindAncestor(value=3):当想要从父进程绑定control 时Visual Tree.

例如:绑定checkbox的records,如果grid,如果header checkbox被选中

2.AncestorType: 当模式FindAncestor然后定义什么类型的祖先

RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type iDP:XamDataGrid}}

3.AncestorLevel: 当模式是FindAncestor什么级别的祖先(如果有两个相同类型的父级visual tree)

RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type iDP:XamDataGrid, AncestorLevel=1}}

以上是所有用例RelativeSource binding.

这是一个参考链接.

不要忘记TemplatedParent:

要么

{Binding RelativeSource={RelativeSource TemplatedParent}}

值得注意的是,对于那些对Silverlight这个想法感到磕磕绊绊的人:

Silverlight仅提供这些命令的简化子集

我创建了一个库来简化WPF的绑定语法,包括更容易使用RelativeSource.这里有些例子.之前:

{Binding Path=PathToProperty, RelativeSource={RelativeSource Self}}
{Binding Path=PathToProperty, RelativeSource={RelativeSource AncestorType={x:Type typeOfAncestor}}}
{Binding Path=PathToProperty, RelativeSource={RelativeSource TemplatedParent}}
{Binding Path=Text, ElementName=MyTextBox}

后:

{BindTo PathToProperty}
{BindTo Ancestor.typeOfAncestor.PathToProperty}
{BindTo Template.PathToProperty}
{BindTo #MyTextBox.Text}

以下是如何简化方法绑定的示例.之前:

// C# code
private ICommand _saveCommand;
public ICommand SaveCommand {
 get {
  if (_saveCommand == null) {
   _saveCommand = new RelayCommand(x => this.SaveObject());
  }
  return _saveCommand;
 }
}

private void SaveObject() {
 // do something
}

// XAML
{Binding Path=SaveCommand}

后:

// C# code
private void SaveObject() {
 // do something
}

// XAML
{BindTo SaveObject()}

你可以在这里找到这个图书馆:http://www.simplygoodcode.com/2012/08/simpler-wpf-binding.html

请注意我用于方法绑定的'BEFORE'示例中的代码已经通过使用RelayCommand哪个代码进行了优化,我检查的最后一个代码不是WPF的本机部分.没有它,'BEFORE'的例子会更长.

一些有用的零碎:

以下是如何在代码中执行此操作:

Binding b = new Binding();
b.RelativeSource = new RelativeSource(RelativeSourceMode.FindAncestor, this.GetType(), 1);
b.Path = new PropertyPath("MyElementThatNeedsBinding");
MyLabel.SetBinding(ContentProperty, b);

Command="{Binding Path=DataContext.CommandProperty, RelativeSource={...}}"

public class BindingProxy : Freezable
{
    #region Overrides of Freezable

    protected override Freezable CreateInstanceCore()
    {
        return new BindingProxy();
    }

    #endregion

    public object Data
    {
        get { return (object)GetValue(DataProperty); }
        set { SetValue(DataProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Data.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty DataProperty =
        DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));
}