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 - контент был привязан правильно. Мне было бы очень интересно, если кто-то объяснит рассуждения.
Надеюсь, что мое обходное решение выше помогает.
Крис