C# WPF PopUp animiertes UserControl als Child

[MikroMakro (Gast)]

Hallo Gemeinde,

ich habe ein UserControl in einem PopUp eingebettet.

        <Popup  Name="popu" Placement="Right" PlacementTarget="{Binding ElementName=bt1}" PopupAnimation="Fade" AllowsTransparency="True" >
            <StackPanel Orientation="Vertical">
                <Label Name="lclose" Width="30" HorizontalAlignment="Right" Content="X" Background="Red" MouseLeftButtonDown="lclose_MouseLeftButtonDown"/>
                <local:UserControl1/>
            </StackPanel>
        </Popup>

        <Label Width="100" Height="100" Background="Black" Name="bt1" MouseEnter="popu_MouseEnter"/>

Das UserControl ist eine Grafikanimation, welche als BusyIndicator 
arbeiten soll.

Das funktioniert auch soweit.
Als Funktionstest bewege ich den Mauszeiger über ein Label.

        private void popu_MouseEnter(object sender, MouseEventArgs e)
        {
            popu.IsOpen = true;
        }

Das PopUp öffnet sich, die Animation ist aktiv.


Das PopUp wird per click wieder geschlossen

        private void lclose_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            popu.IsOpen = false;
        }

Bewege ich den Mauszeiger ein weiteres Mal über das Label, öffnet sich 
das PopUp und die Animation ist aktiv. NUR -> die Animation läuft nun 
langsamer.
Je öfter ich dies tue, desto langsamer wird die Animation.


Kann hier jemand weiterhelfen?

Danke&Gruß
Kerno

[Ecki (Gast)]

Das PopUp finde ich erst einmal unauffällig, weshalb ich im UserControl 
weitersuchen würde.

Könntest du den Code des UserControls auch noch posten?

Falls die Animation eine WPF-Animation mit Storyboard, Trigger usw. ist, 
würde ich auch mal probieren, ob das PopupAnimation-Attibut einen 
Einfluss hat. Sollte nicht, aber mit WPF habe ich schon einiges 
erlebt... ;)

[MikroMakro (Gast)]

>Falls die Animation eine WPF-Animation mit Storyboard, Trigger usw. ist,
>würde ich auch mal probieren, ob das PopupAnimation-Attibut einen
>Einfluss hat.

Ja, die Animation ist eine Solche.

Nun, ich konnte das Problem im Code Behind, wie folgt, lösen.

        RingControl.UserControl1 rc;

        private void popu_MouseEnter(object sender, MouseEventArgs e)
        {
            rc = new RingControl.UserControl1();
            popu.Child = rc;
            popu.IsOpen = true;
        }

Mit jedem "MouseEnter"-Event wird das UserControl1 neu instanziiert.
Am XAML-Code habe ich nichts geändert.
Im Anhang ist das UserControl.

Was ist mit dem PopUpAnimation-Attribut gemeint?

Danke im Voraus

[Ecki (Gast)]

Das PopUpAnimation-Attribut ("Fade") ist am Popup angegeben. Der 
Default-Wert ist "None". Aber daran liegt es nicht.

Das "FrameworkElement.Loaded"-Event wird mit jedem Aufpoppen erneut 
gefeuert und damit das Storyboard neu gestartet. Der Ausgangswert ist 
dann jeweils nicht mehr 0 sondern irgendein Wert aus der letzten 
Ausführung - z.B. -100. Wird das Storyboard erneut gestartet, muss er 
für die selbe Zeit nur noch wenig an den Werten ändern, um auf -359 zu 
kommen. Daher wird es langsamer.

Jetzt ist die Frage, was du machen möchtest. Soll die Animation mit 
jedem Aufpoppen neu gestartet werden, muss man sie nur beim Ausblenden 
("Unloaded"-Event) stoppen:

    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard x:Name="beginStoryboard" Storyboard="{StaticResource Storyboard1}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="FrameworkElement.Unloaded">
            <StopStoryboard BeginStoryboardName="beginStoryboard" />
        </EventTrigger>
    </UserControl.Triggers>

Gruss

[MikroMakro (Gast)]

>Das PopUpAnimation-Attribut ("Fade") ist am Popup angegeben. Der
>Default-Wert ist "None". Aber daran liegt es nicht.

Ah!Ok, dass war damit gemeint.

>Soll die Animation mit
>jedem Aufpoppen neu gestartet werden, muss man sie nur beim Ausblenden
>("Unloaded"-Event) stoppen:

Stimmt, dass macht Sinn. Habe es so umgesetzt.
Nun läuft es jedoch beim 1ten Aufpoppen langsamer.
Bei allen nachfolgenden "Aufpopper" läuft es in der gewünschten 
Geschwindigkeit.

[Ecki (Gast)]

Hm, das hast du aber wieder rausgenommen, ja?

            rc = new RingControl.UserControl1();
            popu.Child = rc;

Ein kleiner abgewandelter Test bei mir mit einem Tooltip (leitet von 
Popup ab) funktioniert wie erwartet.

Window:

<Window x:Class="WpfApplication34.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        xmlns:local="clr-namespace:WpfApplication34">
    <Grid>
        
        <Label Content="Zack" Background="Green" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Label.ToolTip>
                <ToolTip>
                    <local:UserControl1 Background="Blue" Width="100" Height="100" />
                </ToolTip>
            </Label.ToolTip>
        </Label>
        
    </Grid>
</Window>

UserControl:

<UserControl x:Class="WpfApplication34.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <UserControl.Resources>
        
        <Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="trans" Storyboard.TargetProperty="Angle" RepeatBehavior="Forever">
                <SplineDoubleKeyFrame KeyTime="00:00:7" Value="359"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard x:Name="beginStoryboard" Storyboard="{StaticResource Storyboard1}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="FrameworkElement.Unloaded">
            <StopStoryboard BeginStoryboardName="beginStoryboard" />
        </EventTrigger>
    </UserControl.Triggers>
    
    <Grid>
        <Rectangle x:Name="rect" Width="30" Height="30" Fill="Red">
            <Rectangle.RenderTransform>
                <RotateTransform x:Name="trans" CenterX="15" CenterY="15" />
            </Rectangle.RenderTransform>
        </Rectangle>
    </Grid>
</UserControl>

Weiterer Code-Behind ist nicht notwendig.

Viel Erfolg noch!