Условный XAML (WPF)

Question

Я пытаюсь создать пользовательский элемент управления, который в зависимости от режима, который пользователь устанавливает в свойстве зависимости, изменяет пользовательский элемент управления либо на TextBlock, либо на другой TextBlock или TextBlock и TextBox.Я знаю, что свойства зависимостей получают информацию, но проблема возникает, когда я пытаюсь установить правильный шаблон.По некоторым причинам шаблон не отображается правильно.

XAML:

<UserControl x:Class="BookOrganizer.FlipBox"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:my="clr-namespace:BookOrganizer"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<StackPanel Orientation="Horizontal" Height="Auto" Width="Auto" >
    <StackPanel.Resources>
        <ContentControl x:Key="Box">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path=Title}" Height="Auto" Width="Auto" />
                <TextBox Text="{Binding Path=Text}" Height="Auto" Width="Auto" />
            </StackPanel>
        </ContentControl>
        <ContentControl x:Key="Block" Height="Auto" Width="Auto">
            <StackPanel Orientation="Horizontal" Height="Auto" Width="Auto">
                <TextBlock Text="{Binding Path=Title}" Height="Auto" Width="Auto" />
                <TextBlock Text="{Binding Path=Text}" Height="Auto" Width="Auto"/>
            </StackPanel>
        </ContentControl>
    </StackPanel.Resources>
    <ContentControl Template="{Binding Path=BoxMode}" />
</StackPanel>

Код сзади:

using System;
using System.Windows;
using System.Windows.Controls;

namespace BookOrganizer
{
    /// <summary>
    /// Interaction logic for FlipBox.xaml
    /// </summary>
    public partial class FlipBox : UserControl
    {
        public static readonly DependencyProperty TitleProperty = DependencyProperty.Register(
        "Title", typeof(String), typeof(FlipBox), new PropertyMetadata("nothing"));

        public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
        "Text", typeof(String), typeof(FlipBox), new PropertyMetadata("nothing"));

        public static readonly DependencyProperty BoxModeProperty = DependencyProperty.Register(
        "BoxMode", typeof(String), typeof(FlipBox), new PropertyMetadata("Box"));

        public FlipBox()
        {
            InitializeComponent();
            this.DataContext = this;
        }

        public String Title
        {
            get { return (String)this.GetValue(TitleProperty); }
            set { this.SetValue(TitleProperty, value); }
        }

        public String Text
        {
            get { return (String)this.GetValue(TextProperty); }
            set { this.SetValue(TextProperty, value); }
        }

        public String BoxMode
        {
            get { return (String)this.GetValue(BoxModeProperty); }
            set { this.SetValue(BoxModeProperty, value); }
        }

    }
}

Заранее спасибо.

Answer 1

Вы можете использовать триггеры, чтобы установить шаблон.Замените StackPanel в вашем UserControl следующим ...

   <StackPanel Orientation="Horizontal" Height="Auto" Width="Auto" >
      <ContentControl>
         <ContentControl.Style>
            <Style TargetType="{x:Type ContentControl}">
               <Style.Triggers>
                  <DataTrigger Binding="{Binding Path=BoxMode}" Value="Box">
                     <Setter Property="Template">
                        <Setter.Value>
                           <ControlTemplate>
                              <StackPanel Orientation="Horizontal" Height="Auto" Width="Auto">
                                 <TextBlock Text="{Binding Path=Title}" Height="Auto" Width="Auto" />
                                 <TextBlock Text="{Binding Path=Text}" Height="Auto" Width="Auto"/>
                              </StackPanel>
                           </ControlTemplate>
                        </Setter.Value>
                     </Setter>
                  </DataTrigger>
                  <DataTrigger Binding="{Binding Path=BoxMode}" Value="Block">
                     <Setter Property="Template">
                        <Setter.Value>
                           <ControlTemplate>
                              <StackPanel Orientation="Horizontal">
                                 <TextBlock Text="{Binding Path=Title}" Height="Auto" Width="Auto" />
                                 <TextBox Text="{Binding Path=Text}" Height="Auto" Width="Auto" />
                              </StackPanel>
                           </ControlTemplate>
                        </Setter.Value>
                     </Setter>
                  </DataTrigger>
               </Style.Triggers>
            </Style>
         </ContentControl.Style>
      </ContentControl>
   </StackPanel>

Answer 2

Вот пример того, как вы можете создать условный элемент управления:

public class ConditionalControl : ContentControl
{
    static ConditionalControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof (ConditionalControl), new FrameworkPropertyMetadata(typeof (ConditionalControl)));
    }

    #region Condition DP

    public bool Condition
    {
        get { return (bool) GetValue(ConditionProperty); }
        set { SetValue(ConditionProperty, value); }
    }

    public static readonly DependencyProperty ConditionProperty =
        DependencyProperty.Register("Condition", typeof (bool), typeof (ConditionalControl), new UIPropertyMetadata(false));

    #endregion

    #region TrueTemplate DP

    public DataTemplate TrueTemplate
    {
        get { return (DataTemplate) GetValue(TrueTemplateProperty); }
        set { SetValue(TrueTemplateProperty, value); }
    }

    public static readonly DependencyProperty TrueTemplateProperty =
        DependencyProperty.Register("TrueTemplate", typeof (DataTemplate), typeof (ConditionalControl), new UIPropertyMetadata(null));

    #endregion

    #region FalseTemplate DP

    public DataTemplate FalseTemplate
    {
        get { return (DataTemplate) GetValue(FalseTemplateProperty); }
        set { SetValue(FalseTemplateProperty, value); }
    }

    public static readonly DependencyProperty FalseTemplateProperty =
        DependencyProperty.Register("FalseTemplate", typeof (DataTemplate), typeof (ConditionalControl), new UIPropertyMetadata(null));

    #endregion
}

Вот стиль, который вам нужно вставить в Themes/Generic.xaml в вашем проекте:

<Style TargetType="{x:Type Controls:ConditionalControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Controls:ConditionalControl}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">

                    <Grid>
                        <ContentPresenter x:Name="FalseContentPresenter"
                                          Content="{TemplateBinding DataContext}"
                                          ContentTemplate="{TemplateBinding FalseTemplate}" />
                    </Grid>

                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

    <Style.Triggers>
        <Trigger Property="Condition"
                 Value="True">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Controls:ConditionalControl}">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">

                            <Grid>
                                <ContentPresenter x:Name="TrueContentPresenter"
                                                  Content="{TemplateBinding DataContext}"
                                                  ContentTemplate="{TemplateBinding TrueTemplate}" />
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

Answer 3

Вам, вероятно, понадобится IValueConverter, чтобы изменить string на ControlTemplate, что ожидается.Он не будет выполнять поиск ключа ресурса при передаче в виде пустой строки.Другое решение будет использовать Style для изменения видимости:

<StackPanel Orientation="Horizontal">
     <TextBlock Text="{Binding Title}" />
     <TextBox Text="{Binding Text}">
          <TextBox.Style>
              <Style TargetType="TextBox">
                  <Setter Property="Visibility" Value="Collapsed" />
                  <Style.Triggers>
                      <DataTrigger Binding="{Binding BoxMode}" Value="Box">
                          <Setter Property="Visibility" Value="Visible" />
                      </DataTrigger>
                  </Style.Triggers>
              </Style>
          </TextBox.Style>
     </TextBox>
     <TextBlock Text="{Binding Text}">
          <TextBlock.Style>
              <Style TargetType="TextBlock">
                  <Setter Property="Visibility" Value="Visible" />
                  <Style.Triggers>
                      <DataTrigger Binding="{Binding BoxMode}" Value="Box">
                          <Setter Property="Visibility" Value="Collapsed" />
                      </DataTrigger>
                  </Style.Triggers>
              </Style>
          </TextBlock.Style>
     </TextBlock>
</StackPanel>