Discussion :

[Renaud C]

Bonjour,
J'utilise un "button" ou plutôt un "SurfaceButton" (développement d'application avec le sdk surface 2.0).

J'aimerai que lorsque je touche (click) le bouton, il passe en rouge, mais revienne directement à sa couleur d'origine par la suite. (Il clignote une fois rouge quand je clique dessus). Comme pour indiquer que l'utilisateur a choisi le mauvais bouton, on le fait clignoter en rouge pour lui montrer que c'est une erreur.

Pour l'instant j'ai ça, mais évidemment, le rouge reste une fois le click effectué...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
            SurfaceButton sb = new SurfaceButton();
            sb.Name = "Error";
            sb.Background = Brushes.Transparent;
            sb.Click += new RoutedEventHandler(Error_Click);
 
        private void Error_Click(object sender, RoutedEventArgs e)
        {
            SurfaceButton button = sender as SurfaceButton;
            button.Background = Brushes.Red;
            button.Opacity = 0.20;
        }

Je ne sais pas si j'ai été assez compréhensible, n'hésitez pas à demander des précisions si besoin.
Merci de votre aide

[micka132]

Le mieux je pense, est d'utiliser un trigger en xaml.

Bon vu que tu sembles instancier ton bouton en code behind, faut que tu trouve l'équivalent en code behind également, mais si tu comprends en xaml ça ne devrait pas poser de problème.

[Renaud C]

Merci de la réponse, mais aucun effet avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
    <UserControl.Resources>
        <Style x:Key="ErrorStyle">
            <Style.Triggers>
                <Trigger Property="s:SurfaceButton.IsPressed" Value="True">
                    <Setter Property="s:SurfaceButton.Background" Value="Red"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

sb.Style = this.Resources["ErrorStyle"] as Style;

Ai-je fait des erreurs ?

[Thrud]

Bonjour,

'Aucun effet', ça veut dire que ça ne change pas la couleur de fond du bouton ?

Sinon, si tu veux que le bouton ne reste rouge qu'un certain temps, je pense qu'il faut utiliser une animation.
Voici un exemple pour un bouton 'normal', mais ça doit pouvoir s'adapter pour un SurfaceButton.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 <Window.Resources>
  <Storyboard x:Key="PushRedButton" Duration="00:00:01" FillBehavior="Stop">
   <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFF3440C"/>
   </ColorAnimationUsingKeyFrames>
  </Storyboard>
 </Window.Resources>
 <Window.Triggers>
  <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
   <BeginStoryboard Storyboard="{StaticResource PushRedButton}" x:Name="PushRedButton_BeginStoryboard"/>
  </EventTrigger>
 </Window.Triggers>
 <Grid x:Name="LayoutRoot">
  <Button HorizontalAlignment="Left" Margin="94,110,0,0" VerticalAlignment="Top" Width="159" Height="33" Content="Button" x:Name="button"/>
 </Grid>

[Renaud C]

Merci, j'ai finalement utilisé un DispatcherTimer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
DispatcherTimer timerHG = new DispatcherTimer();
timerHG.IsEnabled = true;
timerHG.Interval = new TimeSpan(0, 0, 0, 0, 200);
timerHG.Tick += new EventHandler(timerHG_Tick);

Au clic sur le SurfaceButton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
private void Error_Click(object sender, RoutedEventArgs e)
        {
            SurfaceButton button = sender as SurfaceButton;
                    button.Background = Brushes.Red;
                    timerHG.IsEnabled = true;
                    timerHG.Start();
        }

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
private void timerHG_Tick(object sender, EventArgs e)
        {
            ErreurHG.Background = Brushes.Transparent;
            timerHG.Stop();
            timerHG.IsEnabled = false;
        }

Merci à tous.