How can I make a set of StackPanels look like several items.解决方法
日期：2014-05-17 浏览次数：20907 次
How can I make a set of StackPanels look like several items.
I've got a set of StackPanels. They are named "Item0", "Item1", ..., "Item5".
I'd like to change the Background when mouse over, change back when mouse leave, and keep the highlight color when an item is clicked.
I tried <Style> <Trigger>, it works when mouse over.
Then I add handlers on each StackPanel to handle MouseLeftButtonDown, to make the background permanently changed.
It works too. but after one item is clicked, the mouseover effect doesn't work.
What should I do?
------解决方案--------------------
I've got a set of StackPanels. They are named "Item0", "Item1", ..., "Item5".
I'd like to change the Background when mouse over, change back when mouse leave, and keep the highlight color when an item is clicked.
I tried <Style> <Trigger>, it works when mouse over.
- XML code
<Style x:Key="ItemStackPanel" TargetType="{x:Type StackPanel}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="{StaticResource ResourceKey=HoverItemBrush}"/>
<Setter Property="Cursor" Value="Hand"/>
</Trigger>
</Style.Triggers>
</Style>
Then I add handlers on each StackPanel to handle MouseLeftButtonDown, to make the background permanently changed.
It works too. but after one item is clicked, the mouseover effect doesn't work.
- C# code
this.Item0.MouseLeftButtonDown += Item_MouseLeftButtonDown; this.Item1.MouseLeftButtonDown += Item_MouseLeftButtonDown; this.Item2.MouseLeftButtonDown += Item_MouseLeftButtonDown; this.Item3.MouseLeftButtonDown += Item_MouseLeftButtonDown; this.Item4.MouseLeftButtonDown += Item_MouseLeftButtonDown; this.Item5.MouseLeftButtonDown += Item_MouseLeftButtonDown;
What should I do?
------解决方案--------------------
- XML code
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="WpfApplication1.MainWindow"
x:Name="Window"
Title="MainWindow"
Width="640" Height="480">
<Window.Resources>
<Style x:Key="StackPanelStyle1" TargetType="{x:Type StackPanel}"/>
<Storyboard x:Key="OnMouseEnter1">
<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="stackPanel">
<EasingColorKeyFrame KeyTime="0" Value="Red"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Key="OnMouseLeave1">
<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="stackPanel">
<EasingColorKeyFrame KeyTime="0" Value="Black"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
</Window.Resources>
<Window.Triggers>
<EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="stackPanel">
<BeginStoryboard Storyboard="{StaticResource OnMouseEnter1}"/>
</EventTrigger>
<EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="stackPanel">
<BeginStoryboard x:Name="OnMouseLeave1_BeginStoryboard" Storyboard="{StaticResource OnMouseLeave1}"/>
</EventTrigger>
</Window.Triggers>
<Grid x:Name="LayoutRoot">
<StackPanel x:Name="stackPanel" HorizontalAlignment="Left" Height="60" Margin="105,129,0,0" VerticalAlignment="Top" Width="131" Style="{DynamicResource S
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
