WPF错误：“无法将内容添加到BarStaticItem类型的对象中”

Question

我有这个XAML：

<dxb:BarStaticItem>
  <TextBlock Text="{Binding MyStatusBarText}"></TextBlock>
</dxb:BarStaticItem> 

但是，我收到此错误：

Cannot add content to an object of type BarStaticItem

如何解决此问题，以便可以执行诸如更改渲染项目的颜色和样式之类的事情？

Answer 1

假设BarStaticItem是一个UserControl ...

我在一个部分cs文件中使用代码，在该文件中（几乎）所有事情都完成了，而是使用UIElement的ObservableCollection （或您想要的任何元素）

1）创建一个名为BarStaticItem.Children.cs的相关局部类，然后添加所需的名称空间：

using System.Collections.ObjectModel; // ObservableCollection.
using System.Collections.Specialized; // NotifyCollectionChangedEventHandler.
using System.Windows.Markup; // [ContentProperty()]

2）在部分类声明上方添加一个ContentProperty标志，然后添加您的Children属性声明：

namespace YourNamespace.SubNamespace
{
    [ContentProperty("Children")] // <- here !
    public partial class BarStaticItem
    // (This is the related BarStaticItem.Children.cs file)
    {
        /// <summary>
        /// Gets the Children Property of this BarStaticItem.
        /// </summary>
        public ObservableCollection<UIElement> Children { get; private set; }
    }
}

3）现在 ，在cs文件的私有方法中创建ObservableCollection属性初始化器 ：

        private void RegisterChildrenObservation()
        {
            Children = new ObservableCollection<UIElement>();
            Children.CollectionChanged += 
                new NotifyCollectionChangedEventHandler(Children_CollectionChanged);
        }

4）在自定义UI元素的构造函数中调用该初始化程序：

namespace YourNamespace.SubNamespace
{
    public partial class BarStaticItem : UserControl
    // (This is the base BarStaticItem.xaml.cs file)
    {
        public BarStaticItem()
        {
            InitializeComponent();
            RegisterChildrenObservation(); // <- here !
        }
    }
}

5）通过声明您在初始化程序中调用的方法处理程序，处理BarStaticItem.Children.cs文件中Children集合的行为 ：

这只是普通的正式程序。 一旦了解了所有内容，就会发现您可以尝试使用它，并创建比单独使用xaml可以完成的场景更多的场景。 首先，这里只有两个状态真正重要：

• NotifyCollectionChangedAction.Add
  和

• NotifyCollectionChangedAction.Remove

   private void Children_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e) { switch (e.Action) { case NotifyCollectionChangedAction.Add: { foreach (UIElement currentElement in e.NewItems) { MyChildContainer.Children.Add(currentElement); } break; } case NotifyCollectionChangedAction.Move: { break; } case NotifyCollectionChangedAction.Remove: { foreach (UIElement currentElement in e.OldItems) { MyChildContainer.Children.Remove(currentElement); } break; } case NotifyCollectionChangedAction.Replace: { break; } case NotifyCollectionChangedAction.Reset: { break; } default: { break; } } } 

6）您快完成了，但是必须在BarStaticItem.xaml文件中创建并命名UIElement才能包含添加的UIElements：

<UserControl ...>
    <Grid 
        x:Name="MyChildContainer"><!-- HERE ! -->
    </Grid>
</UserControl>

---

然后，您完成了操作，就可以像在XAML中一样直接将ANY子元素添加到BarStaticItem中。

<dxb:BarStaticItem>
    <TextBlock Text="{Binding MyStatusBarText}"></TextBlock>
</dxb:BarStaticItem>

..和那TextBlock将在土地Grid定义和命名MyChildContainer在BarStaticItem.xaml 。 您甚至可以使用DockPanel或StackPanel，甚至根据NotifyCollectionChangedAction.Add情况下的子元素的类型或更新（依赖项）属性来决定子元素将进入哪个容器，例如：

private void Children_CollectionChanged(
    object sender, NotifyCollectionChangedEventArgs e)
{
    switch (e.Action)
    {
        case NotifyCollectionChangedAction.Add:
        {
            foreach (UIElement currentElement in e.NewItems)
            {
                if (currentElement.GetType() == typeof(TextBlock))
                {
                    TextBlock currentTextBlock = (TextBlock)currentElement;
                    // Manipulate your TextBlock...
                    HeaderTextBlockContainer.Children.Add(currentElement);
                }
                else if (currentElement.GetType() == typeof(Button))
                {
                    FooterButtonsDockPanel.Children.Add(currentElement);
                    DockPanel.SetDock(currentElement, Dock.Right);
                }
                else
                {
                    MainContentContainer.Children.Add(currentElement);
                }
                ContentDefined = true; // Custom Property.
            }
            //...

谁DV你不是我

Answer 2

此XAML可以正常工作，但是有其局限性（不允许您根据要求设置所显示文本的颜色）：

<dxb:BarStaticItem
    Content="{Binding MyStatusBarText}">
</dxb:BarStaticItem> 

这个特定的控件确实允许我们设置ContentTemplate 。 我们可以使用它来设置内容的样式：

<dxb:BarStaticItem
   ContentTemplate="????">
</dxb:BarStaticItem>   

首先，我们在Window.Resources定义一个DataTemplate 。 这就是我们的ContentTemplate将要指向的内容：

<Window.Resources>
    <DataTemplate x:Key="MyStatusBarContentTemplate">
        <!-- As the DataContext of a resource does not default to the window, we have to use RelativeSource to find the window. -->
        <TextBlock Name="MyText"                
            Text="{Binding Path=MyStatusBarText, 
            RelativeSource={RelativeSource Mode=FindAncestor,
            AncestorType=Window}}">                
        </TextBlock>
    </DataTemplate>
</Window.Resources>

由于DataTemplate的DataContext与XAML的其余部分不同，因此如果省略XAML RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}则绑定将无法正常工作。 除此之外，我们正在做的是定义一个模板，该模板可用于呈现控件的内容。

然后，将控件指向此DataTemplate ：

<dxb:BarStaticItem
    ContentTemplate="{DynamicResource MyStatusBarContentTemplate}">
</dxb:BarStaticItem>

现在我们已经定义了一个自定义数据模板，我们可以做任何我们想做的事情。 例如，我们可以添加一个Converter ，如果状态栏上包含Error （ Error话，则将其涂成红色），将其涂成红色。

此答案还说明了如何使用DataTemplate来显示大多数控件的自定义内容。

更新资料

与其在Window的资源中定义DataTemplate ，不如将它定义为BarStaticItem的资源。 这样会将相关项目保留在XAML中。

此特定的XAML意味着，如果状态栏文本包含字符串Error ，则状态栏文本将自动变为红色，并且状态栏文本将自动带有时间作为前缀。 让我知道是否要发布转换器的C＃代码。

<dxb:BarStaticItem
  ContentTemplate="{DynamicResource MyStatusBarContentTemplate}">
  <dxb:BarStaticItem.Resources>
      <DataTemplate x:Key="MyStatusBarContentTemplate">
          <!-- As the DataContext of a resource does not default to the window, we have to use RelativeSource to find the window. -->
          <TextBlock Name="MyText"
              Foreground="{Binding ElementName=MyText, Path=Text, Converter={StaticResource ColorRedIfTextContainsError}}"
              Text="{Binding Path=SettingsGlobalViewModel.StatusBarText, 
              RelativeSource={RelativeSource Mode=FindAncestor,
              AncestorType=Window},
              Converter={StaticResource PrefixStringWithTime}}">
          </TextBlock>
      </DataTemplate>
  </dxb:BarStaticItem.Resources>
</dxb:BarStaticItem>