Question

我有以下代码：

 <Window.Resources>      
       <DataTemplate x:Key="SectionTemplate" >                          
              <TextBlock Text="{Binding Path=Name}" />                  
       </DataTemplate>
 </Window.Resources>
 <Grid >        
   <Border>
       <HeaderedItemsControl Header="Top1"
                             ItemsSource="{Binding Path=List1}" 
                             ItemTemplate="{StaticResource SectionTemplate}"/>
    </Border>       
 </Grid>

public class MainWindow
{
   public List<Item> List1
   {
      get { return list1; }
      set { list1 = value; }
   }

   public MainWindow()
   {             
      list1.Add(new Item { Name = "abc" });
      list1.Add(new Item { Name = "xxx" });

      this.DataContext = this;      
      InitializeComponent();       
   }   
}

public class Item
{     
    public string Name { get; set; }
}

由于某种原因，Items被渲染，但没有标题。

Answer 1

正如the documentation所指出的那样：

HeaderedItemsControl具有有限的默认样式。要创建具有自定义外观的HeaderedItemsControl，请创建一个新的ControlTemplate。

因此，当您创建该模板时，请确保包含绑定到Header的一些ContentPresenter（例如，使用ContentSource）

e.g。

<HeaderedItemsControl.Template>
    <ControlTemplate TargetType="{x:Type HeaderedItemsControl}">
        <Border>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <ContentPresenter ContentSource="Header" />
                <Separator Grid.Row="1" />
                <ItemsPresenter Grid.Row="2" />
            </Grid>
        </Border>                       
    </ControlTemplate>
</HeaderedItemsControl.Template>

（省略所有默认绑定（边距，背景等）。）

Answer 2

您可以为标题创建一个DataTemplate，就像为项目创建标题一样（与重做整个控件模板相比，它确实具有较低的侵入性）。

例如

<Window.Resources>
  <DataTemplate x:Key="HeaderTemplate">
  </DataTemplate>
</Window.Resources>

<HeaderedItemsControl Header="Top1"
                      HeaderTemplate="{StaticResource HeaderTemplate}"
                      ItemsSource="{Binding Path=List1}"
                      ItemTemplate="{StaticResource SectionTemplate}"
                      />

而不是使用例如如此处的“ Top1”，您可以绑定到一个对象，然后在DataTemplate中使用相对于该对象的绑定。

这种方法有一个陷阱，那就是为非控制元素（尤其是TextBlock）引入样式的必要方法有些复杂；另请参阅WPF Some styles not applied on DataTemplate controls。（您可能还会使用ControlTemplate方法遇到此问题。）

如何显示HeaderedItemsControl标头？

2 个答案: