WPF 控制模板不根据依赖属性绑定值更改

Question

我的任务是创建一个新的布局控件，用于我们的 Windows 应用程序范围，应该有两种不同的布局； 哪个显示在特定的 Windows 上将基于依赖属性。 我从来没有做过这样的事情，但根据我的研究，似乎应该使用Control 。 为了了解这一点，我尝试创建新Control ，该控件将根据属性值显示TextBox或Label 。 我由 class 创建：

public class DetailsLayout : Control
{
    public static readonly DependencyProperty OverlayProperty =
            DependencyProperty.Register("Overlay", typeof(bool), typeof(DetailsLayout),
                new FrameworkPropertyMetadata(true));

    public bool Overlay
    {
        get { return (bool)GetValue(OverlayProperty); }
        set
        {
            OnPropertyChanged(nameof(Overlay));
            SetValue(OverlayProperty, value);
        }
    }

    static DetailsLayout()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(DetailsLayout), new FrameworkPropertyMetadata(typeof(DetailsLayout)));
    }

    public DetailsLayout()
    {
        DefaultStyleKey = typeof(DetailsLayout);
    }

在MainWindow我有：

<layout:DetailsLayout Overlay="False">       
</layout:DetailsLayout>

对于测试，如果Overlay = True我想显示TextBox ，如果Overlay = False它应该显示 label。 为了做到这一点，我尝试了几件事。 首先，我尝试创建两个ControlTemplate ：

<ControlTemplate x:Key="OverlayTemplate">
    <TextBox Text="This is the default (TRUE) layout (OVERLAY) with a textbox."/>
</ControlTemplate>

<ControlTemplate x:Key="PushTemplate">
    <Label Content="This is the optional (FALSE) layout (PUSH) with a label."/>
</ControlTemplate>

然后通过样式定义使用它们：

<Style TargetType="{x:Type layout:DetailsLayout}">
    <Setter Property="Template">
       <Setter.Value>
            <ControlTemplate TargetType="{x:Type layout:DetailsLayout}">
                <ContentControl Content="{Binding}">
                    <ContentControl.Style>
                        <Style TargetType="ContentControl">
                            <Setter Property="Template" Value="{StaticResource OverlayTemplate}"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Overlay, UpdateSourceTrigger=PropertyChanged}" Value="False">
                                    <Setter Property="Template" Value="{StaticResource PushTemplate}"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </ContentControl.Style>
                </ContentControl>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我还尝试使用DataTrigger让它工作； 一种具有默认值，一种同时指定了两个值：

两个值

<Style TargetType="{x:Type layout:DetailsLayout}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Overlay}" Value="True">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type layout:DetailsLayout}">
                        <TextBox Text="This is the default (TRUE) layout (OVERLAY) with a textbox."/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </DataTrigger>
        <DataTrigger Binding="{Binding Overlay}" Value="False">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type layout:DetailsLayout}">
                        <Label Content="This is the optional (FALSE) layout (PUSH) with a label."/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </DataTrigger>
    </Style.Triggers>
</Style>

带默认值

<Style TargetType="{x:Type layout:DetailsLayout}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type layout:DetailsLayout}">
                 <TextBox Text="This is the default layout (OVERLAY) with a textbox."/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <DataTrigger Binding="{Binding Overlay}" Value="False">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type layout:DetailsLayout}">
                        <Label Content="This is the optional layout (PUSH) with a label."/>
                    </ControlTemplate>
                </Setter.Value>
             </Setter>
        </DataTrigger>
    </Style.Triggers>
</Style>

目标只是在加载控件时选择正确的模板。 So one window may use the control like <layout:DetailsLayout Overlay="True" /> and other window would use <layout:DetailsLayout Overlay="False" /> and in the first window a TextBox would be shown and in the second window将显示Label 。 但是一旦显示出来，它就不需要更改，因为仅在 XAML 中指定了Overlay值（在运行时没有控件会更改此值）。

最后，我还尝试使用DataTemplate而不是ControlTemplate ，如下所示：

<DataTemplate x:Key="OverlayTemplate">
    <TextBox Text="This is the default (TRUE) layout (OVERLAY) with a textbox."/>
</ControlTemplate>

<DataTemplate x:Key="PushTemplate">
    <Label Content="This is the optional (FALSE) layout (PUSH) with a label."/>
</ControlTemplate>

但这也不起作用。 任何有关如何使简单示例工作的建议/示例将不胜感激，因为除了我已经尝试过的建议之外，我找不到任何其他建议。 提前谢谢你。

Answer 1

非常感谢 Clemens 帮助解决了这个问题。 解决方案是将DataTrigger中的绑定表达式从Binding={Binding Overlay}更改为Binding={Binding Overlay, RelativeSource={RelativeSource Self}} 。