WPF CustomControl切换ContentControl的内容

Question

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfCustomControlLibrary1">

<ContentControl x:Key="BackSide" Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Back}" RenderTransformOrigin="0.5,0.5">
    <ContentControl.RenderTransform>
        <ScaleTransform ScaleX="-1" />
    </ContentControl.RenderTransform>
</ContentControl>

<Style TargetType="{x:Type local:CustomControl1}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:CustomControl1}">
                <ContentControl Grid.Row="1">
                    <ContentControl.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform x:Name="tf" ScaleX="1" />
                        </TransformGroup>
                    </ContentControl.RenderTransform>
                    <ContentControl.Style>
                        <Style TargetType="ContentControl">
                            <Setter Property="Content" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Front}" />
                            <Style.Triggers>
                                <DataTrigger Value="True">
                                    <DataTrigger.Binding>
                                        <Binding ElementName="tf" Path="ScaleX">
                                            <Binding.Converter>
                                                <loc:LessThanXToTrueConverter X="0" />
                                            </Binding.Converter>
                                        </Binding>
                                    </DataTrigger.Binding>
                                    <DataTrigger.Setters>
                                        <Setter Property="Content" Value="{StaticResource BackSide}"/>
                                    </DataTrigger.Setters>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </ContentControl.Style>
                </ContentControl>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这是来自customcontrol的一些XAML代码。 那里有两个依赖项属性（正面和背面）。

通过我的DataTrigger，我想将ContentControl的内容从“ Front”更改为“ Back”。 首先，它显示依赖属性“ Front”，然后应使用依赖属性“ Back”作为内容。 这是通过以下代码完成的：

<DataTrigger.Setters>
  <Setter Property="Content" Value="{StaticResource BackSide}"/>
</DataTrigger.Setters>

但这行不通...

我可以通过以下方式绑定并显示控件中Front依赖项属性的内容：

<Setter Property="Content" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Front}" />

但我不知道如何绑定DataTrigger设置程序，以便它使用ContentControl的Content和x：Key =“ BackSide” ContentControl。

提前致谢。

Answer 1

您说此XAML有效：

<Setter Property="Content" Value="{Binding RelativeSource={RelativeSource 
    TemplatedParent}, Path=Front}" />

那么，为什么不尝试将XAML放入DataTrigger呢？：

<Setter Property="Content" Value="{Binding RelativeSource={RelativeSource 
    TemplatedParent}, Path=Back}" />

---

更新>>>

我不太确定您要如何使用UIElement DependencyProperty ，但是我猜测您使用的方法错误。 通常，在WPF中，我们的属性是数据类型，而不是UI类型，然后我们使用DataTemplate生成UI类型。也许您应该重新考虑您的方法。

请参阅MSDN上的“ 数据模板概述”页面以获取更多帮助。

您可能还会发现我对WPF MVVM导航视图问题的回答有助于阅读。