WPF Animation verschiebt andere Controls/Elemente

  • WPF

Es gibt 4 Antworten in diesem Thema. Der letzte Beitrag () ist von Schmittmuthelm.

    WPF Animation verschiebt andere Controls/Elemente

    Für meine Anwendung will ich eine Art Hamburger Menu mit Animation machen.

    XML-Quellcode

    1. <Window.Resources>
    2. <Storyboard x:Key="MenuOpen">
    4. <DoubleAnimation Storyboard.TargetProperty="(FrameworkElement.Width)"
    5. Storyboard.TargetName="GridMenuSide"
    6. BeginTime="0:0:0"
    7. From="{Binding MenuSideWidthClosed}"
    8. To="{Binding MenuSideWidthOpen}"
    9. Duration="0:0:0.2">
    10. </DoubleAnimation>
    11. </Storyboard>
    12. <Storyboard x:Key="MenuClose">
    13. <DoubleAnimation Storyboard.TargetProperty="(FrameworkElement.Width)"
    14. Storyboard.TargetName="GridMenuSide"
    15. BeginTime="0:0:0"
    16. From="{Binding MenuSideWidthOpen}"
    17. To="{Binding MenuSideWidthClosed}"
    18. Duration="0:0:0.3">
    19. </DoubleAnimation>
    20. </Storyboard>
    21. </Window.Resources>
    23. <Window.Triggers>
    24. <EventTrigger RoutedEvent="ButtonBase.Click"
    25. SourceName="CmdOpenMenu">
    26. <BeginStoryboard Storyboard="{StaticResource MenuOpen}" />
    27. </EventTrigger>
    28. <EventTrigger RoutedEvent="ButtonBase.Click"
    29. SourceName="CmdCloseMenu">
    30. <BeginStoryboard Storyboard="{StaticResource MenuClose}" />
    31. </EventTrigger>
    32. </Window.Triggers>


    Der restliche Aufbau des Windows aufs wesentliche begrenzt:

    XML-Quellcode

    1. <DockPanel>
    2. <Grid/> <!--Header-->
    3. <Grid/> <!--Bottom-->
    5. <Grid/> <!--GridMenuSide-->
    7. <Grid/> <!--MainContent-->
    8. </DockPanel>


    Die Animation vom GridMenuSide läuft eigentlich so wie sie soll. Allerdings wird das Grid MainContent über den Window-Rand hinausgeschoben durch die Animation.



    Von der Animation hatte ich mir erhofft, dass dadurch eine Art Overlay entsteht, also, dass sich das GridMenuSide über das MainContent schiebt und es nicht verschiebt.
    Quasi so:


    Mach ich wie immer was Einfaches falsch, oder geht das nicht so leicht? ?(
    Dumm ist der, der dumm ist. Nicht andersrum!

    Hallo, das geht schon das es sich "drüberlegt", dann müsste aber das Menü ausserhalb es Dockpanels liegen.

    Grüße
    Sascha

    PS: Gehts dir drum das du aus Spaß sowas entwickeln willst oder warum nimmst du nix fertiges? z.b. von MahApps?
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    @Nofear23m Das Menü aus dem Dockpanel auszulagern werde ich als nächstes mal versuchen, danke schon mal.

    Nofear23m schrieb:

    Gehts dir drum das du aus Spaß sowas entwickeln willst oder warum nimmst du nix fertiges?

    Einerseits will ich natürlich einiges selber machen, einfach um mich zu verbessern und auch die Sachen besser zu verstehen, andererseits habe ich bei der Suche nach fertigen Controls bislang nichts passendes gefunden. Aber der Link von dir sieht vielversprechend aus, das werde ich mir mal zu Gemüte führen.

    @Joshi wie @Dksksm bereits geschrieben hat, einfach eine gewünschte "Kategorie" und Icon hinterher und bei Google was passendes aussuchen :thumbup:
    Dumm ist der, der dumm ist. Nicht andersrum!

Facebook
Telefonspende