c# - 与 ContentTemplate 中的 Bindings 和 DataContext 混淆

Question

考虑以下样式:

<Window.Resources>
    <Style x:Key="NumberButton" TargetType="Button">
        <Setter Property="Width" Value="Auto"/>
        <Setter Property="Height" Value="Auto"/>
        <Setter Property="Margin" Value="2"/>
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Label Content="{Binding}" FontSize="20" FontFamily="Consolas"/>
                </DataTemplate>
            </Setter.Value>
        </Setter>
        <EventSetter Event="Click" Handler="OnClicked"/>
    </Style>
</Window.Resources>

我的目标是能够创建多个按钮，每个按钮代表一个数字 0-9。例如，这是数字 0 的按钮:

<Button Grid.Row="3" Grid.Column="1" Style="{StaticResource NumberButton}" Content="0"/>

我对 DataContext 工作原理的理解是，如果您没有在 XAML 中明确设置它，则它应该为 NULL，这会指示绑定(bind)改用父级的 DataContext。这是可传递的，因此它将继续向上移动每个父级，直到找到要使用的显式设置的 DataContext。

然而，我对我的绑定(bind)如何映射到 Content 感到困惑属性。我知道ContentControl的默认属性是 Content属性，但我从未明确设置 DataContext在 <Button> 上元素。对我来说，这意味着 Button 的 DataContext 为 NULL，因此它无法找到要显示的值。

谁能解释一下，当我没有设置按钮的 DataContext 时，它是如何被引用的？

Answer 1

DataContext的 <ContentTemplate>特殊之处在于它被设置为 Content对象的属性<ContentTemplate>正在申请。

在这种情况下，ContentTemplate正在应用于 Button , 所以 DataContext在ContentTemplate里面设置为 Content那的属性(property)Button , 和 Button.Content设置为 "0"

如果您应用此 ContentTemplate到另一个Button用不同的Content属性(property)，即Content将改为使用属性。

这是一个简单的例子，我希望它能更好地说明这一点。

<Button x:Name="OuterButton" Click="Button_Click">
    <!-- // Set DataContext to a string equal to "OuterButton.DataContext" -->
    <Button.DataContext>
        OuterButton.DataContext
    </Button.DataContext>

    <!-- // Set Content to a string equal to "OuterButton.DataContext" -->
    <Button.Content>
        OuterButton.Content
    </Button.Content>

    <Button.ContentTemplate>
        <DataTemplate>
            <StackPanel>
                <Button x:Name="InnerButton" Content="InnerButton.Content" Click="Button_Click" />
                <TextBlock FontWeight="Bold" Text="{Binding }"/>
            </StackPanel>
        </DataTemplate>
    </Button.ContentTemplate>
</Button>

private void Button_Click(object sender, RoutedEventArgs e)
{
    Button btn = sender as Button;
    Debug.WriteLine(string.Format("{0}.DataContext: {1}", btn.Name, btn.DataContext));
    Debug.WriteLine(string.Format("{0}.Content: {1}", btn.Name, btn.Content));
}

我们这里有一个按钮。按钮的 DataContext和 Content属性设置为不同的值。该按钮还有一个 ContentTemplate已定义，其中包含另一个 Button .这个按钮的Content属性设置为不同的值。

点击任一按钮将输出 Content和 DataContext被点击的按钮。请记住，内部按钮嵌套在 OuterButton 内部，因此当您单击它时，会处理两个按钮的 Click 方法。

点击内部按钮的最终结果:

InnerButton.DataContext: OuterButton.Content
InnerButton.Content: InnerButton.Content

OuterButton.DataContext: OuterButton.DataContext
OuterButton.Content: OuterButton.Content

如您所见，ContentTemplate特殊之处在于它设置了 DataContext到 Content它适用于任何对象的属性。