TreeViewItem.Header内のDockPanelがすべての空白を埋めることはありません

Question

私はTreeViewItem.Headerに2つのTextblocksを持っています。 だから、このように私の作品かかわら：

<TreeViewItem> 
    <TreeViewItem.Header> 
     <DockPanel LastChildFill="False" HorizontalAlignment="Stretch"> 
      <TextBlock Text="Pizza" DockPanel.Dock="Left"/> 
      <TextBlock Text="5,00 €" DockPanel.Dock="Right"/> 
     </DockPanel> 
    </TreeViewItem.Header> 
</TreeViewItem> 

しかし、DockPanelはTreeViewItem.Headerで利用可能なすべてのスペースを埋めるしないでください。私はHorizontalAlignment="Stretch"を使用しようとしましたが、これは何の効果もありません。

この作業を行うための属性はありますか？あなたはこのようなスタイルを設定する必要が

Answer 1

あなたがTreeViewのヘッダが水平に伸ばしたい場合は、あなたがControlTemplateをオーバーライドする必要があります。

<TreeViewItem HorizontalContentAlignment="Stretch"> 
    <TreeViewItem.Template> 
     <ControlTemplate TargetType="{x:Type TreeViewItem}"> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition MinWidth="19" Width="Auto"/> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition/> 
       </Grid.RowDefinitions> 
       <ToggleButton x:Name="Expander" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" /> 
       <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="2" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true"> 
        <ContentPresenter x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
       </Border> 
       <ItemsPresenter x:Name="ItemsHost" Grid.ColumnSpan="2" Grid.Column="1" Grid.Row="1"/> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsExpanded" Value="false"> 
        <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/> 
       </Trigger> 
       <Trigger Property="HasItems" Value="false"> 
        <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/> 
       </Trigger> 
       <Trigger Property="IsSelected" Value="true"> 
        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/> 
       </Trigger> 
       <MultiTrigger> 
        <MultiTrigger.Conditions> 
         <Condition Property="IsSelected" Value="true"/> 
         <Condition Property="IsSelectionActive" Value="false"/> 
        </MultiTrigger.Conditions> 
        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/> 
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}}"/> 
       </MultiTrigger> 
       <Trigger Property="IsEnabled" Value="false"> 
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </TreeViewItem.Template> 
    <TreeViewItem.Header> 
     <DockPanel LastChildFill="False"> 
      <TextBlock Text="Pizza" DockPanel.Dock="Left"/> 
      <TextBlock Text="5,00 €" DockPanel.Dock="Right"/> 
     </DockPanel> 
    </TreeViewItem.Header> 
</TreeViewItem> 

Answer 2

：

私はuが問題と良く見ることができる写真を持って

 <TreeViewItem> 
      <TreeViewItem.Style> 
       <Style TargetType="TreeViewItem"> 
        <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter> 
       </Style> 
      </TreeViewItem.Style> 
      <TreeViewItem.Header> 
       <DockPanel LastChildFill="False" HorizontalAlignment="Stretch"> 
        <TextBlock Text="Pizza" DockPanel.Dock="Left"/> 
        <TextBlock Text="5,00 €" DockPanel.Dock="Left"/> 
       </DockPanel> 
      </TreeViewItem.Header> 
     </TreeViewItem> 

（第2テキストブロックのドッキングを変更することを忘れないでください）

Answer 3

唯一の方法は、TreeviewItemのコントロールテンプレートを変更することです。この質問を参照してください： TreeViewItem.Header with Grid inside