Hi,
ich habe drei ToggleButtons, die im Prinzip aus 3 verschiedenene Bildern bestehen.
Soweit erstmal kein Problem:
XML-Daten
1: 2: 3: 4: 5: 6: 7:
| <ToggleButton Name="btn_menu_accounts"> <ToggleButton.Template> <ControlTemplate> <Image Source="/MyNS;component/Resources/home_white_icon.png" Width="25" Height="26" /> </ControlTemplate> </ToggleButton.Template> </ToggleButton> |
Jetzt hätte ich aber gerne, dass beim Aktivieren und beim MouseOver die Buttons eine Hintergrund-Grafik bekommen.
Ich habe versucht, das mit einem Style und Triggern zu lösen, aber ohne Erfolg.
XML-Daten
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21:
| <Style x:Key="MenuButton" TargetType="ToggleButton"> <Setter Property="Width" Value="46" /> <Setter Property="Height" Value="41" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True"> <Setter Property="Cursor" Value="Hand" /> </Trigger>
</ControlTemplate.Triggers>
</ControlTemplate> </Setter.Value> </Setter>
</Style> |
(Aus Einfachheits-Gründen soll sich erstmal nur der Cursor ändern)
Ich habe gelesen, dass das Problem warscheinlich ist, dass das ContentTemplate vom ToggleButton Das vom Style überschreibt.
Wie löse ich das Problem am Besten?
Gruß