WPF TreeViewItem Stretch

문제:

    TreeView의 HorizontalContentAlignment를 Stretch로 지정해도 TreeViewItem의 Header가 여전히 최소 Width에 고정되어있음

 

원인:

    TreeViewItem의 내부 구조는 3 * 2 Grid로 되어 있음
    Header가 하나의 Column에만 위치해있고 TreeViewItem의 Width가 변화해도 해당 Column의 Width는 변화하지 않음
    Header의 ColumnSpan을 변경해 이를 해결할 수 있음

 

해결:

<TreeView x:Name="TreeCat" Grid.Row="1" Background="AliceBlue" HorizontalContentAlignment="Left">
    <TreeView.Resources>
        <Style TargetType="TreeViewItem">
            <Style.Resources>
                <Style TargetType="{x:Type Border}"> <!--Header는 Border 컨트롤로 이루어져 있음-->
                    <Setter Property="Grid.ColumnSpan" Value="2"/>
                </Style>
            </Style.Resources>
        </Style>
    </TreeView.Resources>
    
    <d:TreeViewItem Header="test1" IsExpanded="True">
        <TreeViewItem Header="test12" Height="30" />
        <TreeViewItem Header="test13"/>
        <TreeViewItem Header="test11" BorderThickness="1" BorderBrush="Black"/>
    </d:TreeViewItem>

    <d:TreeViewItem Header="test2" IsExpanded="True">
        <TreeViewItem Header="test21"/>
        <TreeViewItem Header="test22"/>
        <TreeViewItem Header="test23"/>
    </d:TreeViewItem>
</TreeView>

 

https://stackoverflow.com/a/30829770/13031224

Highlight whole TreeViewItem line in WPF