none
animation faire varier l'opacite de l'objet RRS feed

  • Question

  • bonjour

     je suis en train d'apprendre comment gérer l'animation d'un objet en faisant varier son opacité je suis sur vs 2019 et cela ne fonctionnement pouvez vous me dire pourquoi mon code bloue

    voici mon code xaml

        <Grid x:Name="grd_zone_mouv" Background="#FFD4D7DD" Width="1000" Height="900">
    
            <Grid.Resources>
                <!--creation table de montage-->
                <Storyboard x:Name="monstoryboard">
                    <DoubleAnimation Storyboard.TargetName="rect_1"
                                     Storyboard.TargetProperty="X"
                                     From="0" To="500"
                                     Duration="0:0:5"/>
    
                    <DoubleAnimation Storyboard.TargetName="rect_1"
                                     Storyboard.TargetProperty="Y"
                                     From="0" To="300"
                                     Duration="0:0:5"/>
    
                </Storyboard>
    
                <Storyboard x:Name="monstoryboard_2">
                    <DoubleAnimation Storyboard.TargetName="rect_1"
                                     Storyboard.TargetProperty="Opacity"
                                     From="1.0" To="0.0"
                                     Duration="0:0:5" />
                    
                </Storyboard>
            </Grid.Resources>
            
            <!--creation figure rectangle-->
            <Canvas x:Name="CNV8FIGURE" Width="150" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Rectangle Width="150" Height="50" Fill="#FFFF00A7" />
                <!--ordre de mouvement-->
                <Canvas.RenderTransform>
                    <TranslateTransform x:Name="rect_1"/>
                </Canvas.RenderTransform>
            </Canvas>
    
            <!--ceation btn go-->
            <Button x:Name="btn_go" Width="120" Height="48" HorizontalAlignment="Right" VerticalAlignment="Bottom" Content="GO!!" FontSize="24" Click="btn_go_Click" />
        </Grid>
    

    un grand merci d'avance pour votre aide

    mercredi 15 avril 2020 10:04

Réponses

  • Un exemple tout simple avec un Rectangle :

        <Grid>
            <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="31,30,0,0" VerticalAlignment="Top" Width="75" Click="button_Click"/>
            <Rectangle x:Name="rectangle1" Fill="Red" HorizontalAlignment="Left" Height="186" Margin="31,76,0,0" Stroke="Black" VerticalAlignment="Top" Width="223" RenderTransformOrigin="0.494,0.505"/>
        </Grid>
    private void button_Click(object sender, RoutedEventArgs e)
    {
        DoubleAnimation da = new DoubleAnimation();
        da.From = 1;
        da.To = 0;
        da.Duration = new Duration(TimeSpan.FromSeconds(2));
        da.AutoReverse = true;
        da.RepeatBehavior = RepeatBehavior.Forever;
        rectangle1.BeginAnimation(OpacityProperty, da);
    }

    Pour un peu plus avancé, voir les exemples de MS, comme :

    Animating the Opacity of an Element


    mercredi 15 avril 2020 18:43