Reutilizando os botões Expandir [+] e colapso [-] de um TreeView [-] no WPF
-
19-09-2019 - |
Pergunta
Existe uma maneira de reutilizar a expansão simples [+]
e colapso [-]
botões que aparecem ao lado de nós em um WPF TreeView
? Eu gostaria de ter um gráfico semelhante em outras partes do meu aplicativo para expandir e colapsar alguns controles.
Solução
Na verdade, é um botão de taggle, verifiquei o modelo de TreeView no Simplyestyles Projeto e foi isso que eu encontrei:
<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>
Então é isso que você precisa fazer para fazê -lo funcionar:
<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>
- Primeiro você pega o modelo (ToggleButToTemplate) e o coloca em seus recursos
- Então você faz um estilo (ToggleButtonStyle) que define o modelo (ToggleButToTemplate) do controle
- Finalmente você diz ao seu alterobutão que seu estilo é ToggleButtonStyle
Se você apenas copiar a pasta de que ela deve trabalhar diretamente.
É um processo simples, mas pode dar dor de cabeça se você não estiver acostumado a usar modelos, informe -me se tiver alguma dúvida.
Para aprender um pouco sobre os caminhos mini-idiomas:
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow