WPF bei mouse over vergrößern, mit Verzögerung verkleinern

[Leonie (Gast)]

Hi,

ich versuch ein Fenster zu vergrößern, wenn ich mit der Maus ein 
bestimmtes Feld Fokussiere, wenn die Maus das Fenster verlässt, soll das 
Fenster verkleinert werden.
In der "Theorie" funktioniert das was ich da zusammen gebastelt habe, in 
der Praxis habe ich wirres vergrößern und verkleinern.
=> was vermutlich daran liegt, dass die Aktionen nicht "abgebrochen" 
werden.

<Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="50" Margin="0,50,0,0" Stroke="Black" VerticalAlignment="Top" Width="50">
  <Rectangle.Triggers>
    <EventTrigger RoutedEvent="UserControl.MouseEnter">
      <BeginStoryboard>
        <Storyboard>
          <DoubleAnimation Storyboard.TargetName="WpfWin"
          Storyboard.TargetProperty="Width"
          To="500" Duration="0:0:02" AutoReverse="True"
          RepeatBehavior="1x" />
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
    <EventTrigger RoutedEvent="UserControl.MouseLeave" >
      <BeginStoryboard>
        <Storyboard BeginTime="0:0:05" >
          <DoubleAnimation Storyboard.TargetName="WpfWin"
          Storyboard.TargetProperty="Width"
          To="200" Duration="0:0:02" AutoReverse="True"  
          RepeatBehavior="1x" />
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Rectangle.Triggers>
</Rectangle>

ich habe die Verzögerung bereits eingebaut, aber wenn ich jetzt das Feld 
verlasse und sofort wieder in das Feld wechsle, läuft immer noch der 
Timer, welcher dann nach 5 Sekunden wieder das Fenster verkleinert.
=> irgendwie müsste man immer wenn ein Event getriggert wird, alle 
anderen abbrechen!

hat jemand Ideen für mich?

 -leo

[Leonie (Gast)]

hi,

okay, so funktioniert es:

<EventTrigger RoutedEvent="UserControl.MouseEnter">
  <BeginStoryboard>
    <Storyboard>
      <DoubleAnimation Storyboard.TargetName="WpfWin"
      Storyboard.TargetProperty="Width"
      To="500" Duration="0:0:0.1" AutoReverse="False"
      RepeatBehavior="1x" />
    </Storyboard>
  </BeginStoryboard>
</EventTrigger>

aber so im "nachhinein" würde ich gerne das MouseLeave Ereignis nicht am 
Objekt sondern am ganzen Fenster haben...

    <Window.Resources>
        <Style>
            <Style.Triggers>
                <EventTrigger RoutedEvent="UserControl.MouseLeave" >
                    <BeginStoryboard>
                        <Storyboard BeginTime="0:0:1.5" >
                            <DoubleAnimation 
Storyboard.TargetName="WpfWin"
                            Storyboard.TargetProperty="Width"
                            To="50" Duration="0:0:0.1" 
AutoReverse="False"
                            RepeatBehavior="1x" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Style.Triggers>
        </Style>

    </Window.Resources>

leider beschwert er sich, dass der TargetName im Style so nicht passt:
> Storyboard.TargetName="WpfWin"

was muss ich da ändern?

Vielen Dank