为什么我需要输入 ContentControl.Content 而不仅仅是 Content

Question

我正在观看有关 DataTemplates 的在线视频教程

演示代码如下

    <StackPanel.Resources>
        <ControlTemplate x:Key="MyButton">
            <Grid>
                <Ellipse Fill="{TemplateBinding Background}" />
                <ContentControl Content="{TemplateBinding ContentControl.Content}" /><!--why this-->
            </Grid>                
        </ControlTemplate>
    </StackPanel.Resources>

    <Button Content="Click me" Background="Green" Width="100" Height="50" Template="{StaticResource MyButton}" />
</StackPanel>

我迷路的地方是

<ContentControl Content="{TemplateBinding ContentControl.Content}" />

为什么是ControlControl.Content 而不仅仅是Content。如果我们在此之前查看代码行，它会显示 Ellipse Fill="{TemplateBinding Background}" 而不是 <Ellipse Fill="{TemplateBinding Ellipse.Background}" />

为什么我们声明ContentControl？是因为Button 的属性Content 实际上是ContentControl 类型的对象，而Background 只是Button 的字符串属性？

Answer 1

如果您指定ControlTemplate 的类型（Style 也一样），那么编译器将知道要查看哪个对象来查找Content 属性：

<ControlTemplate x:Key="MyButton" TargetType="{x:Type Button}">
    <Grid>
        <Ellipse Fill="{TemplateBinding Background}" />
            <ContentControl Content="{TemplateBinding Content}" />
    </Grid>                
</ControlTemplate>

如果你不指定类型，编译器会要求你在TemplateBinding路径中输入你所拥有的类型。

但是，有时您也可以像本例一样指定属性来自哪个基类，因为Content 属性实际上是在Button 类中继承自ContentControl 类...您可以看到这个通过单击 MSDN 上 Button Class 页面中的 Content 属性，您将转到 ContentControl.Content Property 页面。

您应该会发现，在这种情况下，您还可以使用Button.Content，因为该属性是在Button 类中继承的。因此，要回答您的问题，您实际上需要使用ContentControl.Content...您可以选择。

---

更新>>>

您可以使用Styles 做到这一点，但使用ControlTemplates，您必须确保应用它的对象也具有相同的基类和ControlTemplate 中使用的所有属性.理论上，你可以这样做：

<ControlTemplate x:Key="MyButton" TargetType="{x:Type ContentControl}">
    <Grid>
        <Ellipse Fill="{TemplateBinding Background}" />
        <ContentControl Content="{TemplateBinding Content}" />
    </Grid>
</ControlTemplate>

...

 <RadioButton Template="{StaticResource MyButton}" Content="Hey" />

但是，我想您实际上需要使用ContentPresenter 而不是ContentControl：

<ControlTemplate x:Key="MyButton" TargetType="{x:Type ContentControl}">
    <Grid>
        <Ellipse Fill="{TemplateBinding Background}" />
        <ContentPresenter />
    </Grid>
</ControlTemplate>

您可能还想阅读 Stack Overflow 上的 What's the difference between ContentControl and ContentPresenter? 页面。