Как мне растянуть содержимое HeaderedContentControl? - PullRequest
Новая
       9

Как мне растянуть содержимое HeaderedContentControl?

14 голосов
/ 16 июля 2010

У меня есть HeaderedContentControl, который содержит TreeView. 

    <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 занимает лишь небольшую часть доступного пространства.

Как заставить дерево расширяться, чтобы заполнить область содержимого моего HeaderedContentControl?

1 Ответ

27 голосов
/ 16 июля 2010

Шаблон управления по умолчанию для 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.

...