WPF：创建自定义控件时如何正确重写方法

Question

我正在创建一个派生自 ItemsControl 的自定义控件工具箱。该工具箱应该充满来自数据库的图标。定义如下：

public class Toolbox : ItemsControl
{              
    protected override DependencyObject GetContainerForItemOverride()
    {
        return new ToolboxItem();
    }

    protected override bool IsItemItsOwnContainerOverride(object item)
    {
        return (item is ToolboxItem);
    }
}

Toolboxitem 派生自 ContentControl。

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

由于数据库中存储的图标数量未知，我想使用数据模板：

<DataTemplate x:Key="ToolBoxTemplate">
    <StackPanel>
        <Image Source="{Binding Path=url}" />
    </StackPanel>
</DataTemplate>

然后我希望工具箱使用该模板。

<Toolbox x:Name="NewLibrary" ItemsSource="{Binding}" ItemTemplate="ToolBoxtemplate">
</Toolbox> 

我正在使用 ADO.NET 实体框架连接到数据库。背后的代码：

SystemicsAnalystDBEntities db = new SystemicsAnalystDBEntities();

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    NewLibrary.ItemsSource = from c in db.Components select c;
}

但是，有一个问题。执行代码时，它显示数据库中的对象（因为 ItemSource 属性设置为数据库中的对象），而不是图像。它不使用模板。当我使用静态图像源时，它以正确的方式工作，

我发现我需要重写PrepareContainerForItemOverride方法。但我不知道如何向其中添加模板。

非常感谢您的任何评论。

其他信息

以下是 ToolboxItem 的 ControlTemplate：

         <ControlTemplate TargetType="{x:Type s:ToolboxItem}"> 
            <Grid> 
                <Rectangle Name="Border" 
                           StrokeThickness="1" 
                           StrokeDashArray="2" 
                           Fill="Transparent" 
                           SnapsToDevicePixels="true" /> 
                <ContentPresenter Content="{TemplateBinding ContentControl.Content}" 
                                  Margin="{TemplateBinding Padding}" 
                                  SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" /> 
            </Grid> 
            <ControlTemplate.Triggers> 
                <Trigger Property="IsMouseOver" 
                         Value="true"> 
                    <Setter TargetName="Border" 
                            Property="Stroke" 
                            Value="Gray" /> 
                </Trigger> 
            </ControlTemplate.Triggers> 
        </ControlTemplate>

Answer 1

ToolboxItem 会覆盖 ContentControl 的默认样式。您尚未发布重写样式（来自 generic.xaml），但我怀疑您的问题在于该样式中定义的模板。您的 ToolboxItem 模板需要包含 ContentPresenter，例如：

<Style TargetType="{x:Type local:ToolboxItem}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:ToolboxItem}">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
          <ContentPresenter />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

或者，如果您不需要在 ToolboxItem UI 中执行任何特殊操作，只需删除 DefaultStyleKeyProperty.OverrideMetadata 调用即可。

请注意，您不需要需要重写PrepareItemForContainerOverride。

Answer 2

您已经正确实施了这些方法。正如我怀疑的那样，问题出在您最近发布的 ToolBoxItem ControlTemplate 中。如果它使用普通的 就可以了。您遇到了 ContentPresenter 的“神奇”属性，这些属性只有在您不设置任何属性时才会自动设置。

以下是 ControlTemplate 中的问题代码：

<ContentPresenter
  Content="{TemplateBinding ContentControl.Content}"  
  Margin="{TemplateBinding Padding}"  
  SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />

问题在于您正在设置 Content 属性，但未设置 ContentTemplate 属性。 ContentPresenter 具有自定义代码，可自动为其 Content、ContentTemplate 和 ContentTemplateSelector 属性创建绑定，但仅当 Content 属性不是手动设置的。

在您的情况下，Content 属性是手动设置的，因此自动机制被禁用，因此 ContentTemplate 为 null。

尽管可以手动设置所有三个自动属性，如下所示：

<ContentPresenter
  Content="{TemplateBinding Content}"  
  ContentTemplate="{TemplateBinding ContentTemplate}"
  ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
  Margin="{TemplateBinding Padding}"  
  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

您的最佳选择是完全忽略它们并仅接受 ContentPresenter 的默认行为，如下所示：

<ContentPresenter
  Margin="{TemplateBinding Padding}"  
  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

注意：NET Framework 3.5 自动添加了第四个属性 -绑定属性 ContentStringFormat，如果您手动绑定这三个属性而不是让 ContentPresenter 自动为您绑定，则会丢失该属性。

Answer 3

这个代码是直接从你的项目中复制的吗？如果是这样，则

ItemTemplate="ToolBoxtemplate"

应该是：

ItemTemplate="{StaticResource ToolBoxTemplate}"

---

我不完全确定，但您可能需要在PrepareContainerForItemOverride中显式设置工具箱容器的ContentTemplate，因为您可能已经覆盖了自动设置模板的行为。您可能需要将其设置为 Binding，因为我不确定如果 ItemTemplate 发生更改，是否会重新生成容器。

Answer 4

看来您的问题可能是您的 url 属性未在 ToolBoxItem 中公开。当您的项目直接绑定到 ToolBox 时，url 属性将直接暴露给 DataTemplate。

为了使您的示例正常工作，ToolBoxItem 需要具有：

public ImageTypeHere url { get; private set; }

如果这确实是一个简单的实现，那么使用（或至少派生自）ListBox 并为 ListBoxItems 使用自定义 DataTemplate 和样式可能会给您带来更多好处，而不是创建您自己的控件。