重複使用TreeView的展開[+]並摺疊WPF中的[ - ]按鈕

Question

有沒有辦法重用簡單展開[+]並摺疊出現在WPF TreeView中的節點旁邊的按鈕[-]？我想在我的應用程序的其他地方有類似的圖形來擴展和摺疊一些控件。

Answer 1

它實際上是一個切換按鈕，我檢查了SimpleStyles項目TreeView的模板，這是我發現：

<ControlTemplate TargetType="ToggleButton"> 
     <Grid 
     Width="15" 
     Height="13" 
     Background="Transparent"> 
     <Path x:Name="ExpandPath" 
      HorizontalAlignment="Left" 
      VerticalAlignment="Center" 
      Margin="1,1,1,1" 
      Fill="{StaticResource GlyphBrush}" 
      Data="M 4 0 L 8 4 L 4 8 Z"/> 
     </Grid> 
     <ControlTemplate.Triggers> 
     <Trigger Property="IsChecked" 
      Value="True"> 
      <Setter Property="Data" 
       TargetName="ExpandPath" 
       Value="M 0 4 L 8 4 L 4 8 Z"/> 
     </Trigger> 
     </ControlTemplate.Triggers> 
    </ControlTemplate> 

那麼這就是你需要做什麼，使其工作：

<Window x:Class="StackOverflowTests.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" x:Name="window1" Height="300" Width="300" 
Loaded="window1_Loaded" 
xmlns:local="clr-namespace:StackOverflowTests"> 
<Window.Resources> 
    <SolidColorBrush x:Key="GlyphBrush" Color="#444" /> 
    <ControlTemplate x:Key="toggleButtonTemplate" TargetType="ToggleButton"> 
    <Grid 
      Width="15" 
      Height="13" 
      Background="Transparent"> 
    <Path x:Name="ExpandPath" 
       HorizontalAlignment="Left" 
       VerticalAlignment="Center" 
       Margin="1,1,1,1" 
       Fill="{StaticResource GlyphBrush}" 
       Data="M 4 0 L 8 4 L 4 8 Z"/> 
    </Grid> 
    <ControlTemplate.Triggers> 
    <Trigger Property="IsChecked" 
       Value="True"> 
    <Setter Property="Data" 
        TargetName="ExpandPath" 
        Value="M 0 4 L 8 4 L 4 8 Z"/> 
    </Trigger> 
    </ControlTemplate.Triggers> 
    </ControlTemplate> 
    <Style x:Key="toggleButtonStyle" TargetType="ToggleButton"> 
    <Setter Property="Template" Value="{StaticResource toggleButtonTemplate}" /> 
    </Style> 
</Window.Resources> 
<StackPanel> 
    <ToggleButton x:Name="toggleButton" Height="20" Width="20" Style="{StaticResource toggleButtonStyle}" /> 
</StackPanel> 
</Window> 

• 首先你將模板（toggleButtonTemplate）放到你的資源中
• 然後你製作一個樣式（toggleButtonStyle）tha T臺控制
• 的模板（toggleButtonTemplate）最後你告訴你的切換按鈕其風格toggleButtonStyle

如果你只是從它應該直出作品的拷貝粘貼。

這是一個簡單的過程，但如果您不習慣使用模板，它會讓您頭疼，如果您有任何問題，請告訴我。

要了解一點的路徑迷你語言：

Geometry mini-language