WPF Animer Fenêtre de Visibilité du Changement

Je suis à essayer de comprendre comment animer le changement de Visibile Cachés pour une fenêtre WPF. La façon dont j'ai actuellement la demande de travail est que la fenêtre est normalement caché et quand je bouge la souris sur le côté de l'écran, elle apparaît, je suis à l'aide d'un booléen pour la visibilité convertisseur de le faire, mais ce que je voudrais faire c'est d'avoir la demande de glisser plus facilement sur la souris au-dessus ainsi que glisser vers l'arrière à nouveau par la suite.

Je n'ai pas n'importe quoi avec des animations donc je ne suis pas sûr de la façon de le faire. Tout d'abord, je ne suis pas vraiment sûr de ce que l'animation que je devrais utiliser le faire, d'autre part, je ne suis pas vraiment sûr de savoir si je doit déclencher sur la IsWindowVisibile" propriété du viewmodel ou si je doit le lier à la VisibilityChanged événement et, troisièmement, je ne suis pas sûr si cela est possible lorsque la taille de la fenêtre est variable.

[Modifier]

Si nécessaire, je vais "prendre" une opacité de la solution, mais ce n'est pas exactement le 'glissement' effet je cherche à obtenir.

OriginalL'auteur John | 2010-12-21

12

J'ai fait quelque chose comme ça (opacité passe à 0 pendant 2 secondes et la fenêtre se cache): il suffit de regarder le code, c'est simple

MainWindow.xaml:
```
    <Storyboard x:Key="hideMe">
        <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:2" To="0.0"/>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
            <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="{x:Static Visibility.Hidden}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="showMe">
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
            <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
        </ObjectAnimationUsingKeyFrames>
        <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:5" To="0.75"/>
    </Storyboard>
```
MainWindow.xaml.cs
```
    public void ShowMe() {
        (FindResource("showMe") as Storyboard).Begin(this);
    }
    public void HideMe() {
        (FindResource("hideMe") as Storyboard).Begin(this);
    }
```
Appelez simplement HideMe() ou ShowMe() au lieu de Visibility = Visibility.Hidden dans le code

Modifier

WPF est lente lorsque le déplacement de windows, donc si vous avez besoin de glissement de l'animation:
1. Faire une fenêtre transparente (AllowsTransparency="True" Background="Transparent" WindowStyle="None")
2. Mettre toutes vos commandes sur panneau opaque (Background="{StaticResource {x:Static SystemColors.ControlBrushKey}}")
3. Animer ce panneau est Margin.Left de 0 à la fenêtre ActualWidth, puis masquer une fenêtre - cela permettra d'éliminer un problème de l'économie de la taille de la fenêtre
La plupart du temps cela fonctionne. Ma fenêtre est déjà transparent, donc je suis juste liant directement à la Fenêtre.À gauche de la propriété. Je suis également le faire dans le code derrière au lieu de XAML parce que j'ai besoin de la largeur de la fenêtre dépendent de vue différents facteurs
Je veux utiliser ce code pour un DockPanel Panneau, mais je ne peux pas mettre Storyboard dans le xmal fichier, comment puis-je le faire ?
Vous aurez besoin de créer une table de montage dans le code, comme var sb = new Storyboard(); sb.Children.Add(opacityAnimation); sb.Children.Add(visibilityAnimation); sb.Begin(this)
mais pourquoi pas dans le fichier xaml comme votre exemple ? j'ai essayer bientôt ! merci
Dans le commentaire précédent, vous avez affirmé que vous ne pouvez pas le mettre en xaml, j'ai donc proposé non xaml façon

OriginalL'auteur Mykola Bogdiuk
2

Jouer avec une Fenêtre Opacity/Visibility nécessite un simple DoubleAnimation.

Exemple:
```
IsVisibleChanged += new DependencyPropertyChangedEventHandler(MainWindow_IsVisibleChanged);

void MainWindow_IsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
{
    DoubleAnimation da = new DoubleAnimation()
    {
        From = (IsVisible) ? 0 : 1,
        To = (IsVisible) ? 1 : 0,
        Duration = TimeSpan.FromSeconds(1)
    };

    BeginAnimation(Window.OpacityProperty, da);
}
```
Problème:

Pour que cela fonctionne comme prévu, vous devez définir AllowsTransparency à True sur votre fenêtre. Si vous ne définissez pas ce que la fenêtre avec Opacity ensemble de 0 sera Black.

Le problème, c'est pour cette propriété True, vous devez avoir WindowStyle comme None. Ce qui signifie pas de cadre autour de votre fenêtre. Cela signifie pas de fermer, réduire, agrandir, restaurer la barre de titre.

Vous devez fournir un modèle personnalisé (probablement hériter Window la classe) pour mettre ces boutons là-haut.

Je suis en train d'utiliser votre solution, mais tout cela s'estompe correctement lorsque IsVisible == true, lorsque IsVisibile == false, elle disparaît tout de suite au lieu de l'opacité de changer et de disparaître ensuite
Cela est probablement dû au fait que nous sommes installés à pas visible avant de l'animation est en cours d'exécution.

OriginalL'auteur decyclone

Vous devez vous connecter pour publier un commentaire.

Exemple:

Problème: