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

Leonie Gast 07.02.2018 16:41 #5307795

Lesenswert?

•

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

Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden

Leonie Gast 07.02.2018 19:55 #5308042

Lesenswert?

•

▲
▼

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

Antwort Zitieren Bearbeiten Löschen Beitrag melden

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

Antwort schreiben