Il riutilizzo di un controllo TreeView espandere [+] e il collasso [-] pulsanti in WPF
-
19-09-2019 - |
Domanda
C'è un modo per riutilizzare il semplice espandere [+]
e collasso pulsanti [-]
che appaiono accanto ai nodi in un TreeView
WPF? Mi piacerebbe avere una grafica simile altrove nella mia domanda di espansione e compressione alcuni controlli.
Soluzione
In realtà è un ToggleButton, ho controllato il modello TreeView sul SimpleStyles progetto e questo è quello che ho trovato:
<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>
Quindi questo è ciò che devi fare per farlo funzionare:
<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>
- Prima di prendere il modello (toggleButtonTemplate) e metterlo nelle risorse
- Poi fate uno stile (toggleButtonStyle) che imposta il modello (toggleButtonTemplate) del controllo
- Infine informare il ToggleButton il suo stile è toggleButtonStyle
Se avete solo copia incolla da ad esso dovrebbe dritto fuori di lavoro.
E 'un processo semplice, ma può dare un mal di testa, se non siete abituati ad usare i modelli, fatemi sapere se avete domande.
Per imparare un po 'i percorsi mini-lingua:
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow