QuickLook/QuickLook.Plugin/QuickLook.Plugin.ArchiveViewer/ArchiveFileListView.xaml

<UserControl x:Class="QuickLook.Plugin.ArchiveViewer.ArchiveFileListView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:QuickLook.Plugin.ArchiveViewer"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid Grid.IsSharedSizeScope="True"
          x:Name="treeGrid">
        <Grid.RowDefinitions>
            <!-- Header row -->
            <RowDefinition Height="Auto" />
            <!-- Row for data -->
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid.Resources>

            <!-- Converts the level in the tree to the width of the spacer column -->
            <local:LevelToIndentConverter x:Key="LevelToIndentConverter" />
            <local:BooleanToAsteriskConverter x:Key="BooleanToAsteriskConverter" />
            <local:SizePrettyPrintConverter x:Key="SizePrettyPrintConverter" />
            <local:DatePrintConverter x:Key="DatePrintConverter" />
            <local:FileExtToIconConverter x:Key="FileExtToIconConverter" />
            <local:LevelToBooleanConverter x:Key="LevelToBooleanConverter" />

            <!-- Template for directory information at all levels -->
            <HierarchicalDataTemplate ItemsSource="{Binding Children.Keys}"
                                      DataType="{x:Type local:ArchiveFileEntry}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="2" />
                        <RowDefinition />
                        <RowDefinition Height="2" />
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="1" ShowGridLines="False">
                        <!-- All column widths are shared except for column 1 which is sized
                         to compensate for different indentation at each level -->
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition MinWidth="300" SharedSizeGroup="rowHeaderColumn" />
                            <ColumnDefinition />
                            <ColumnDefinition MinWidth="100" SharedSizeGroup="column1" />
                            <ColumnDefinition MinWidth="100" SharedSizeGroup="column2" />
                        </Grid.ColumnDefinitions>
                        <StackPanel Grid.Column="0" Orientation="Horizontal">
                            <Image Width="16" Height="16">
                                <Image.Source>
                                    <MultiBinding Converter="{StaticResource FileExtToIconConverter}">
                                        <Binding Path="Name" />
                                        <Binding Path="IsFolder" />
                                    </MultiBinding>
                                </Image.Source>
                            </Image>
                            <TextBlock Text="{Binding Name}" />
                            <TextBlock
                                Text="{Binding Encrypted, Converter={StaticResource BooleanToAsteriskConverter}}" />
                        </StackPanel>
                        <Rectangle Grid.Column="1">
                            <Rectangle.Width>
                                <MultiBinding Converter="{StaticResource LevelToIndentConverter}">
                                    <Binding Path="Level" />
                                    <Binding ElementName="treeViewItemToMeasure"
                                             Path="ActualWidth" />
                                </MultiBinding>
                            </Rectangle.Width>
                        </Rectangle>
                        <TextBlock Grid.Column="2">
                            <TextBlock.Text>
                                <MultiBinding Converter="{StaticResource SizePrettyPrintConverter}">
                                    <Binding Path="Size" />
                                    <Binding Path="IsFolder" />
                                </MultiBinding>
                            </TextBlock.Text>
                        </TextBlock>
                        <TextBlock Grid.Column="3">
                            <TextBlock.Text>
                                <MultiBinding Converter="{StaticResource DatePrintConverter}">
                                    <Binding Path="ModifiedDate" />
                                    <Binding Path="IsFolder" />
                                </MultiBinding>
                            </TextBlock.Text>
                        </TextBlock>
                    </Grid>
                </Grid>
            </HierarchicalDataTemplate>
        </Grid.Resources>

        <!-- Tree view with one item for the header row -->

        <TreeView BorderThickness="0" Focusable="False" Background="Transparent"
                  ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <TreeViewItem Focusable="False">
                <TreeViewItem.Header>
                    <Grid ShowGridLines="False">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="rowHeaderColumn" />
                            <ColumnDefinition />
                            <ColumnDefinition SharedSizeGroup="column1" />
                            <ColumnDefinition SharedSizeGroup="column2" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0"
                                   Text=" " />
                        <TreeViewItem Grid.Column="1">
                            <TreeViewItem.Header>
                                <TreeViewItem x:Name="treeViewItemToMeasure"
                                              Padding="0" />
                            </TreeViewItem.Header>

                            <!-- Set the width of Column 1 to the same width as the top level 
                                 in the data -->
                            <TreeViewItem.Width>
                                <MultiBinding Converter="{StaticResource LevelToIndentConverter}">
                                    <Binding Path="Level" />
                                    <Binding ElementName="treeViewItemToMeasure"
                                             Path="ActualWidth" />
                                </MultiBinding>
                            </TreeViewItem.Width>
                        </TreeViewItem>
                        <TextBlock Grid.Column="2"
                                   Text="Original Size" />
                        <TextBlock Grid.Column="3"
                                   Text="Modified Date" />
                    </Grid>
                </TreeViewItem.Header>
            </TreeViewItem>
        </TreeView>

        <!-- Tree view that will display hierarchical data rows -->

        <TreeView Grid.Row="1"
                  x:Name="treeView"
                  BorderThickness="0" Background="Transparent"
                  ItemsSource="{Binding}">
            <!--<TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsExpanded" Value="{Binding Level, Converter={StaticResource LevelToBooleanConverter}}" />
                </Style>
            </TreeView.ItemContainerStyle>-->
        </TreeView>
    </Grid>
</UserControl>