单击后更改 wpf C# 中按钮的颜色,2 分钟后保留原始颜色

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19674662/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-09-13 09:58:50  来源:igfitidea点击:

change color of button in wpf C# after click and after 2 minutes retain the original color

c#wpf

提问by Danish Subhu

I am using this code

我正在使用此代码

        Hello.Background = System.Windows.Media.Brushes.Blue;
        var dispatcherTimer = new DispatcherTimer();
        dispatcherTimer.Interval = TimeSpan.FromSeconds(61);
        TimeSpan span = new TimeSpan(0,1,0);
        dispatcherTimer.Start(); 
        dispatcherTimer.Tick += delegate
        {

            if (dispatcherTimer.Interval > span)
            {
                Hello.Background = System.Windows.Media.Brushes.Red;
                dispatcherTimer.Stop();
            }
        };

But button keeps fade in and fade out. i want color to be constant

但是按钮一直淡入淡出。我希望颜色保持不变

C#

C#

            private void Button_Click(object sender, RoutedEventArgs e)
    {
        Hello.Background = System.Windows.Media.Brushes.Blue;
        var dispatcherTimer = new DispatcherTimer();
        dispatcherTimer.Interval = TimeSpan.FromSeconds(61);
        TimeSpan span = new TimeSpan(0,1,0);
        dispatcherTimer.Start(); 
        dispatcherTimer.Tick += delegate
        {

            if (dispatcherTimer.Interval > span)
            {
                Hello.Background = System.Windows.Media.Brushes.Red;
                dispatcherTimer.Stop();
            }
        };


    }

Xaml

xml

<Button Name="Hello" Content="Hello" Background="White"  Foreground="Black " Click="Button_Click">
 </Button>

回答by sa_ddam213

You could just create a Styleand use a Triggerto start a Storyboardwith ColorAnimations

你可以只创建Style并使用Trigger启动StoryboardColorAnimations

Example:

例子:

<Style x:Key="AnimatedButton" TargetType="Button">
    <Setter Property="Background" Value="Red" />
    <Style.Triggers>
        <Trigger Property="IsPressed" Value="True">
            <Trigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard Storyboard.TargetProperty="Background.Color">
                        <ColorAnimation To="Blue" Duration="0:0:4" />
                        <ColorAnimation To="Red" BeginTime="0:1:52" Duration="0:0:4" />
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
        </Trigger>
    </Style.Triggers>
</Style>

回答by Rohit

Just tried it now ..... however this is code behind

现在刚试过.....但是这是隐藏的代码

XAML Code:

XAML 代码:

   <Button  Content="Button"  x:Name="MyButton" Height="23" HorizontalAlignment="Left" 
    Margin="94,128,0,0"  VerticalAlignment="Top" Width="75"/>

Cs File

Cs文件

    private void StartAnimation()
    {

        Color fromRGB= Color.FromRgb(255, 255, 255); ;
        Color ToRGB= Color.FromRgb(255, 0, 0);

        SolidColorBrush myBrush = new SolidColorBrush();
        myBrush.Color = Colors.Black;
        ColorAnimation myAnimation = new ColorAnimation();
        myAnimation.From = fromRGB;
        myAnimation.To = ToRGB;
        myAnimation.Duration = new Duration(TimeSpan.FromMilliseconds(120000));
        myAnimation.AutoReverse = true;

        myBrush.BeginAnimation(SolidColorBrush.ColorProperty, myAnimation );

        MyButton.Background = myBrush;
    }

you can change the color when your event is called and then call your animation.

您可以在调用事件时更改颜色,然后调用动画。

回答by PKV

could you try to use a simple StoryBoard created in Blend and then apply to Button/style something like this:

您可以尝试使用在 Blend 中创建的简单 StoryBoard,然后将其应用到 Button/style 中,如下所示:

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="75" >
        <Button.Background>
            <SolidColorBrush x:Name="MySolidColorBrush" Color="Brown" />
        </Button.Background>
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard>
                        <ColorAnimation 
                            Storyboard.TargetName="MySolidColorBrush"
                            Storyboard.TargetProperty="Color"
                            From="Red" To="Yellow" Duration="0:0:0" RepeatBehavior="1x"  />
                        <ColorAnimation 
                            Storyboard.TargetName="MySolidColorBrush"
                            Storyboard.TargetProperty="Color"
                            From="Yellow" To="Blue" Duration="0:0:0" RepeatBehavior="1x" BeginTime="0:0:10"  />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
            </Button.Triggers>
    </Button>

回答by Noctis

Just to show a different approach really ... If you're using MVVM, you could bind your button color to a property on the ViewModel, and once you click on it, run your 2 minutes background/timer . Once the 2 minutes are done, it'll change the color to the other one.

只是为了展示一种不同的方法......如果您使用的是 MVVM,您可以将按钮颜色绑定到 ViewModel 上的属性,单击它后,运行 2 分钟 background/timer 。2 分钟完成后,它会将颜色更改为另一种颜色。

Not much xaml involved, and I do like some of the other solutions here :)

不涉及太多 xaml,我确实喜欢这里的其他一些解决方案 :)

private void backgroundWorker_DoWork(object sender, DoWorkEventArgs e)
{
    Thread.Sleep(2000); // two second
        ButtonColorPropertyName= Colors.Red;
}

(Assuming you have the ButtonColorPropertyNameor whatever you want to name it, in the ViewModel)

(假设您ButtonColorPropertyName在 ViewModel 中有或任何您想命名的名称)