我有一个包含TreeView的HeaderedContentControl。
<HeaderedContentControl Header="Steps" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<TreeView Name="WizardSteps" ItemsSource="{Binding WizardSteps}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<!-- Hierarchical data templates here -->
</TreeView>
</HeaderedContentControl>
尽管HeaderedContentControl会拉伸以填充其父网格内的区域,但我的TreeView控件仅占用一小部分可用空间。
如何使TreeView展开以填充HeaderedContentControl的内容区域?
最佳答案
HeaderedContentControl
的默认控件模板是这样的:
<ControlTemplate TargetType="{x:Type HeaderedContentControl}">
<StackPanel>
<ContentPresenter ContentSource="Header" />
<ContentPresenter />
</StackPanel>
</ControlTemplate>
StackPanel让每个孩子都有自己想要的高度,因此TreeView不会拉伸。您可以将其替换为使用DockPanel的模板:
<HeaderedContentControl Header="Steps" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch" >
<HeaderedContentControl.Template>
<ControlTemplate TargetType="HeaderedContentControl">
<DockPanel>
<ContentPresenter DockPanel.Dock="Top" ContentSource="Header" />
<ContentPresenter />
</DockPanel>
</ControlTemplate>
</HeaderedContentControl.Template>
如果要使其更具可重用性,请在“样式”中设置模板并使用VerticalContentAlignment:
<Style TargetType="HeaderedContentControl">
<Setter Property="VerticalContentAlignment" Value="Stretch"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="HeaderedContentControl">
<DockPanel>
<ContentPresenter DockPanel.Dock="Top" ContentSource="Header" />
<ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
</DockPanel>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
这样,默认情况下,所有HeaderedContentControls的内容都会填充,并且可以通过在单个控件上设置VerticalContentAlignment来覆盖它。
或者,您可以直接使用DockPanel代替HeaderedContentControl。