Как использовать ContentPresenter внутри UserControl

Question

Я хотел бы создать UserControl (в данном случае квадратную кнопку с определенными Backgroundcolors), которая может размещать собственный контент.

UserControl:

<UserControl x:Class="SGDB.UI.Controls.ModernButton" 
     xmlns:local="clr-namespace:SGDB.UI.Controls" 
     xmlns:converter="clr-namespace:SGDB.UI.Converter" 
     x:Name="_modernButton"> 
<Button> 
    <Button.Resources> 
     <converter:EnumToColorConverter x:Key="ColorConverter"/> 
    </Button.Resources> 
    <Button.Template> 
     <ControlTemplate> 
      <Border Width="{Binding Size, ElementName=_modernButton}" Height="{Binding Size, ElementName=_modernButton}" BorderBrush="Black" BorderThickness="0.8,0.8,3,3"> 
       <Grid Background="{Binding BackgroundColor, ElementName=_modernButton, Converter={StaticResource ColorConverter}}"> 
        <ContentPresenter/> 
       </Grid> 
      </Border> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

Теперь, как вы можете ожидать, что она, если я использую этот контроль внутри моей MainView Everthing работает нормально, пока я не определимся содержимое.

Использование:

<control:ModernButton Size="200" BackgroundColor="Light"> 
    TEST 
</control:ModernButton> 

В этом случае "TEST" будет перекрывать все содержимое UserControl (все кнопки Template). Я предполагаю, что это происходит, потому что кнопка внутри UserControl определена как «контент» сама по себе, и она будет переопределяться при определении нового содержимого.

Итак, последний вопрос: возможно ли достичь того, что я ищу? если да: как? Как я могу «перенаправить» содержимое, которое я определяю в своем MainView, в самоопределенный ContentPresenter внутри шаблона кнопок вместо ContentPresenter UserControls?

Если это возможно, я не хочу, чтобы создать новый дп-Собственость в котором находится мой контент, например:

<controls:MordernButton Size="200" BackgroundColor="Light"> 
    <controls:ModernButton.Content> 
     I don't want this, if possible 
    </controls:ModernButton.Content> 
</controls:ModernButton> 

Answer 1

Здесь мы идем.

<UserControl x:Class="SGDB.UI.Controls.ModernButton" 
    xmlns:local="clr-namespace:SGDB.UI.Controls" 
    xmlns:converter="clr-namespace:SGDB.UI.Converter" 
    x:Name="_modernButton"> 

    <UserControl.Template> 
     <ControlTemplate TargetType="UserControl"> 
      <Button Content="{TemplateBinding Content}"> 
       <Button.Resources> 
        <converter:EnumToColorConverter x:Key="ColorConverter"/> 
        </Button.Resources> 
      <Button.Template > 
       <ControlTemplate TargetType="Button"> 
        <Border Width="{Binding Size, 
            ElementName=_modernButton}" 
        Height="{Binding Size, 
            ElementName=_modernButton}" 
        BorderBrush="Black" 
        BorderThickness="0.8,0.8,3,3"> 
         <Grid Background="{Binding BackgroundColor, ElementName=_modernButton, Converter={StaticResource ColorConverter}}"> 
          <ContentPresenter /> 
         </Grid> 
        </Border> 
       </ControlTemplate> 
      </Button.Template> 
      </Button> 
     </ControlTemplate> 
    </UserControl.Template> 
</UserControl> 

Answer 2

Давайте предположим, что Youre UserControl является:

<UserControl x:Class="QuickAndDirtyAttempt.Decorator" .... 
     <UserControl.Template> 
     <ControlTemplate TargetType="{x:Type local:Decorator}"> 
      <StackPanel Orientation="Vertical"> 
      <Label>Foo</Label> 
      <ContentPresenter/> 
      <Label>Bar</Label> 
      </StackPanel> 
     </ControlTemplate> 
     </UserControl.Template> 
</UserControl> 

Примечание свойство TargetType на шаблоне: без него проект будет с удовольствием компилироваться, но ContentPresenter не будет работать. А потом:

<Window ... > 
    <StackPanel Orientation="Vertical"> 
     <local:Decorator> 
      <Label Background="Wheat">User supplied content here</Label> 
     </local:Decorator> 
    </StackPanel> 
</Window> 

Я настоятельно рекомендую вам read this перед реализацией ничего

Answer 3

Простой; Просто обходите и замените Шаблон UserControl.

<UserControl.Template> 
     <ControlTemplate TargetType="{x:Type UserControl}"> 
      <Button Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}"> 
       <Button.Resources> 
        <converter:EnumToColorConverter x:Key="ColorConverter"/> 
       </Button.Resources> 
       <Button.Template> 
        <ControlTemplate TargetType="{x:Type Button}"> 
         <Border Width="{Binding Size, 
             ElementName=_modernButton}" 
         Height="{Binding Size, 
             ElementName=_modernButton}" 
         BorderBrush="Black" 
         BorderThickness="0.8,0.8,3,3"> 
          <Grid Background="{Binding BackgroundColor, ElementName=_modernButton, Converter={StaticResource ColorConverter}}"> 
           <ContentPresenter /> 
          </Grid> 
         </Border> 
        </ControlTemplate> 
       </Button.Template> 
      </Button> 
     </ControlTemplate> 
    </UserControl.Template> 

Все пользовательский элемент управления (по крайней мере, условия XAML и его шаблона), является пограничной с ContentPresenter внутри него. На самом деле ContentPresenter является единственной важной частью.

Итак, все, что вы делаете, это кишка из своего шаблона и кормит свойство Content, которое пользовательский элемент управления имеет в чем-то совсем другом; в этом случае, ваша кнопка.

В этом разница между созданием UserControl из других элементов управления и толкая некоторые элементы управления в пользовательского элемента управления. Создание пользовательского контроля из других элементов управления дает вам гораздо больше мощности.

Answer 4

Используйте команду ContentPropertyAttribute, чтобы указать xaml для установки этого свойства вместо фактического свойства Content.

[ContentProperty("InnerContent")] 
public partial class ModernButton : UserControl 
{ 
    public ModernButton() 
    { 
     InitializeComponent(); 
    } 

    public static readonly DependencyProperty InnerContentProperty = 
     DependencyProperty.Register("InnerContent", typeof(object), typeof(ModernButton)); 

    public object InnerContent 
    { 
     get { return (object)GetValue(InnerContentProperty); } 
     set { SetValue(InnerContentProperty, value); } 
    } 
} 

Затем в вашем xaml привяжите Content Presenter вместо использования свойства InnerContent.

<ContentPresenter Content="{Binding InnerContent, ElementName=_modernButton}"/> 

Таким образом, вы можете сделать следующее без замены фактического содержимого.

<control:ModernButton Size="200" BackgroundColor="Light"> 
    TEST 
</control:ModernButton>