ItemsControl со статическим заголовком

Я думаю, что у меня довольно простая цель, но, похоже, она не достигает этого.

Все, чего я хочу достичь, - это иметь элемент управления ItemsControl (потому что я не хочу, чтобы функция выбора списка) с заголовком. Предпочтительно статический заголовок.

В настоящее время я использую сетку для заголовка, а затем копирую эту сетку в ItemTemplate (DataTemple) ItemsControl, а затем помещая их один над другим в сетку. Это похоже на то, что оно не всегда хорошо сочетается и т.д.

Затем я нашел HeaderedItemsControl, который, как я думал, был блестящей идеей, но не мог заставить его работать, он просто не отображает заголовок вообще. Я попробовал следующее:

Просто введите текст в "Заголовок" Xaml
Размещение сетки с TextBlocks со статическим текстом в теге ItemsControl.Header
Размещение сетки в HeaderTemplate (Datatemplate) и привязка ее к простому объекту

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

Возможно, я пропустил лодку здесь полностью, но любая помощь будет оценена.

Мой текущий код выглядит следующим образом: сначала мой HeaderedItemsControl

<HeaderedItemsControl Header="HeaderedItemsControl"  
        ItemsSource="{Binding Collection, Mode=Default}" 
        ItemTemplate="{DynamicResource ItemsControlDataTemplate}" 
        HeaderTemplate="{DynamicResource ItemsControlHeaderDataTemplate}"/>

то у меня есть ItemTemple, который работает как ожидалось

<DataTemplate x:Key="ItemsControlDataTemplate">
        <Grid d:DesignWidth="268">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.754*"/>
                <ColumnDefinition Width="0.246*"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding Property1, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Height" HorizontalAlignment="Stretch" Margin="0" />
            <TextBlock Text="{Binding Property2, Mode=Default}" TextWrapping="Wrap" d:LayoutOverrides="Height" Grid.Column="1" HorizontalAlignment="Left" Margin="0" />
        </Grid>
    </DataTemplate>

а затем заголовок, который вызывающе противопоставляет свою трудовую этику, я пробовал его с привязкой и только с простым текстом в свойстве TextBlock.Text

<DataTemplate x:Key="ItemsControlHeaderDataTemplate">
        <Grid d:DesignWidth="268">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.754*"/>
                <ColumnDefinition Width="0.246*"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding Header.Header1, Mode=Default, Source={StaticResource SampleDataSource6}}" TextWrapping="Wrap" HorizontalAlignment="Stretch" Margin="0"/>
            <TextBlock Text="{Binding Header.Header2, Mode=Default, Source={StaticResource SampleDataSource6}}" TextWrapping="Wrap" d:LayoutOverrides="Height" Grid.Column="1" HorizontalAlignment="Left" Margin="0"/>
        </Grid>
    </DataTemplate>

Ответ 1

HeaderedItemsControl не имеет стиля по умолчанию, поэтому он просто использует шаблон из базового класса ItemsControl, который не отображает никакого заголовка. Он используется только каркасом в качестве базового класса для MenuItem, ToolBar и TreeViewItem, которые определяют свои собственные шаблоны. Вы можете создать свой собственный шаблон, который включает ContentPresenter для заголовка:

<HeaderedItemsControl ItemsSource="{Binding}" Header="Some text">
    <HeaderedItemsControl.Template>
        <ControlTemplate TargetType="HeaderedItemsControl">
            <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                <DockPanel>
                    <ContentPresenter DockPanel.Dock="Top" ContentSource="Header" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </DockPanel>
            </Border>
        </ControlTemplate>
    </HeaderedItemsControl.Template>
</HeaderedItemsControl>

Если вы используете его только в одном месте, может быть проще использовать обычный ItemsControl и включать свой заголовок непосредственно в шаблон элемента управления.

Кроме того, похоже, что вы пытаетесь создать две сетки, столбцы которых имеют одинаковую ширину. Возможно, вы захотите посмотреть Совместное использование размера сетки в WPF. Если вы установите Grid.IsSharedSizeScope для родительского элемента управления, вы можете установить SharedSizeGroup для столбцов разных сеток, чтобы они имели одинаковую ширину.

Ответ 2

Нашел что-то похожее вчера - для HeaderedContentControl попробуйте установить заголовок, а не свойство HeaderTemplate.

Мне не удалось получить привязки, работающие через HeaderTemplate - контент был привязан правильно. Мне было бы очень интересно, если кто-то объяснит рассуждения.

Надеюсь, что мое обходное решение выше помогает.

Крис