0

我需要帮助编写延迟代码,以便在 mouse_hover 离开表格中的单元格时为其添加效果。当鼠标进入单元格时,它会将边框着色为绿色。当它离开细胞时,颜色必须在 1 秒内慢慢变回原来的颜色(银色)。在此期间,用户必须能够不间断地悬停在其他单元格上。这是我到目前为止所尝试的:

        //cell hover effects
        System.Timers.Timer timer = new System.Timers.Timer(1);
        TableCell tc;
        private void cell_MouseEnter(object sender, MouseEventArgs e)
        {
            tc = (TableCell)sender;
            tc.BorderBrush = Brushes.Green; 
        }

        private void cell_MouseLeave(object sender, MouseEventArgs e)
        {
            tc = (TableCell)sender;

            timer.Start();         
            timer.Elapsed += new System.Timers.ElapsedEventHandler(timer_Elapsed);

            tc.BorderBrush = Brushes.Silver;
        }
        private void timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
        {
            tc.BorderBrush = Brushes.Silver;
            timer.Stop();
        }

当我移动到另一个单元格时,此代码给我一个错误,因为另一个线程正在处理当前单元格。有人可以帮我解决这个问题或告诉我一个更好的方法来实现这个吗?

需要 C# 代码解决方案,而不是 XAML

完整代码供参考:

public partial class MainWindow : Window
   {
        public MainWindow()
        {
            InitializeComponent();
            InitTable();
        }

        private void InitTable()
        {
            //Canvas task1Canvas = new Canvas();
            Table symptomTable = new Table();
            //task1Canvas.Children.Add(symptomTable);

            FlowDocument flowDoc = new FlowDocument();

            flowDoc.Blocks.Add(symptomTable);
            //symptomTable.CellSpacing = 128;

            // Create N columns and add them to the table's Columns collection.
            int numOfCols = 14;
            for (int i = 0; i < numOfCols; i++)
            {
                symptomTable.Columns.Add(new TableColumn());
                symptomTable.Columns[i].Width = new GridLength(128); //cell width
            }

            // Create and add an empty TableRowGroup Rows.
            symptomTable.RowGroups.Add(new TableRowGroup());

            //Add the first row to the table
            symptomTable.RowGroups[0].Rows.Add(new TableRow());
            //Configure the table head row
            TableRow currentRow = symptomTable.RowGroups[0].Rows[0];

            // Add the header row with content,
            currentRow.Cells.Add(new TableCell(new Paragraph(new Run("August"))));
            for (int n = 1; n <= 13; n++)
               currentRow.Cells.Add(new TableCell(new Paragraph(new Run((10+n).ToString()))));

            //Add the remaining rows
            int row = 1;
            string[] rowHeaders = new string[] { "river", "explosion", "flu", "airport", "chills", "morning", "tech", "truck", "cold" };
            foreach (string label in rowHeaders)
            {
                symptomTable.RowGroups[0].Rows.Add(new TableRow());
                //Configure the table head row
                currentRow = symptomTable.RowGroups[0].Rows[row++];
                // Add the header row with content,
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run(label))));
                for (int n = 1; n <= 13; n++)
                    currentRow.Cells.Add(new TableCell(new Paragraph(new Run(""))));

                for (int n = 1; n < currentRow.Cells.Count; n++)
                {
                    currentRow.Cells[n].BorderThickness = new Thickness(3, 3, 3, 3);
                    currentRow.Cells[n].BorderBrush = Brushes.Silver;

                    currentRow.Cells[n].MouseEnter += new MouseEventHandler(cell_MouseEnter);
                    if(label != "chills")
                        currentRow.Cells[n].MouseLeave += new MouseEventHandler(cell_MouseLeave);
                }
            }

            //Add the given flow document to the window
            this.Content = flowDoc; 
        }

        //cell hover effects
        System.Timers.Timer timer = new System.Timers.Timer(1);
        TableCell tc;
        Thread animatationThread;
        private void cell_MouseEnter(object sender, MouseEventArgs e)
        {
            tc = (TableCell)sender;
            //Color colour = System.Drawing.ColorTranslator.FromHtml("#66CC00");
            Color greenShade = (Color)ColorConverter.ConvertFromString("#FF66CC00");
            BrushConverter converter = new BrushConverter();
            Brush brush = converter.ConvertFromString("#FF66CC00") as Brush;
            tc.BorderBrush = brush;
            //System.Threading.Thread animationThread = new System.Threading.Thread();
            //animatationThread = new Thread(new ThreadStart(brush.BeginAnimation(SolidColorBrush.ColorProperty, new System.Windows.Media.Animation.ColorAnimation(Colors.Silver, TimeSpan.FromSeconds(1)))));
            //brush.BeginAnimation(SolidColorBrush.ColorProperty, new System.Windows.Media.Animation.ColorAnimation(Colors.Silver, TimeSpan.FromSeconds(1)));
        }

        private void cell_MouseLeave(object sender, MouseEventArgs e)
        {
            //TableCell tc;
            tc = (TableCell)sender;


            //timer.Start();         
            //timer.Elapsed += new System.Timers.ElapsedEventHandler(timer_Elapsed);

            tc.BorderBrush = Brushes.Silver;
        }
        private void timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
        {
            tc.BorderBrush = Brushes.Silver;
            timer.Stop();
        }

    }
4

1 回答 1

2

您可能不需要任何代码来实现相同的目标,您可以通过 XAML 以声明方式完成

我已经使用动画来达到预期的效果

例子

<DataGrid xmlns:sys="clr-namespace:System;assembly=mscorlib">
    <DataGrid.Resources>
        <Style TargetType="DataGridCell">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="DataGridCell">
                        <Border x:Name="border"
                                BorderThickness="2"
                                BorderBrush="Silver">
                            <ContentPresenter />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver"
                                     Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <ColorAnimation Storyboard.TargetName="border"
                                                            Storyboard.TargetProperty="BorderBrush.Color"
                                                            Duration="0:0:0"
                                                            To="Green" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <ColorAnimation Storyboard.TargetName="border"
                                                            Storyboard.TargetProperty="BorderBrush.Color"
                                                            Duration="0:0:1"
                                                            To="Silver" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding}"
                            Header="column" />
    </DataGrid.Columns>
    <sys:String>item 1</sys:String>
    <sys:String>item 2</sys:String>
    <sys:String>item 3</sys:String>
    <sys:String>item 4</sys:String>
</DataGrid>

试试上面的例子,当鼠标进入时颜色会变成绿色,离开时会慢慢褪色为银色。也可以让鼠标不间断地进入其他细胞甚至同一个细胞


更新

这就是你如何在 C# 中做同样的事情

    private void cell_MouseLeave(object sender, MouseEventArgs e)
    {
        TableCell tc = (TableCell)sender;

        SolidColorBrush brush = new SolidColorBrush(Colors.Green);
        tc.BorderBrush = brush;
        brush.BeginAnimation(SolidColorBrush.ColorProperty, new ColorAnimation(Colors.Silver, TimeSpan.FromSeconds(1)));
    }

你不需要任何计时器,动画会为你工作,并且会慢慢褪色成银色

更新 2

根据您的代码并假设基于FlowDocument不必要的评论,我想出了一个替代解决方案

一切都是背后的代码

    private void InitTable()
    {
        int numOfCols = 14;
        UniformGrid grid = new UniformGrid();

        grid.Columns = numOfCols;

        grid.Children.Add(new TextBlock() { Text = "August", FontWeight = FontWeights.Bold });
        for (int n = 1; n < numOfCols; n++)
            grid.Children.Add(new TextBlock() { Text = (10 + n).ToString(), FontWeight = FontWeights.Bold });

        string[] rowHeaders = new string[] { "river", "explosion", "flu", "airport", "chills", "morning", "tech", "truck", "cold" };
        Style cellStyle = PrepareAnimationStyle();
        foreach (string label in rowHeaders)
        {
            grid.Children.Add(new TextBlock() { Text = label, FontWeight = FontWeights.Bold });
            for (int n = 1; n < numOfCols; n++)
                grid.Children.Add(new Border()
                {
                    BorderBrush = new SolidColorBrush(Colors.Silver),
                    Background = Brushes.Transparent,
                    BorderThickness = new Thickness(3),
                    Style = cellStyle
                });
        }

        this.Content = grid;
    }

    Style PrepareAnimationStyle()
    {
        Trigger animTrigger = new Trigger();
        animTrigger.Property = ContentElement.IsMouseOverProperty;
        animTrigger.Value = true;

        ColorAnimation toGreen = new ColorAnimation((Color)ColorConverter.ConvertFromString("#FF66CC00"), TimeSpan.FromSeconds(0));
        toGreen.FillBehavior = FillBehavior.HoldEnd;
        ColorAnimation toSilver = new ColorAnimation(Colors.Silver, TimeSpan.FromSeconds(1));

        Storyboard sbEnter = new Storyboard();
        Storyboard.SetTargetProperty(toGreen, new PropertyPath("BorderBrush.Color"));
        sbEnter.Children.Add(toGreen);

        Storyboard sbExit = new Storyboard();
        Storyboard.SetTargetProperty(toSilver, new PropertyPath("BorderBrush.Color"));
        sbExit.Children.Add(toSilver);

        animTrigger.EnterActions.Add(new BeginStoryboard() { Storyboard = sbEnter });
        animTrigger.ExitActions.Add(new BeginStoryboard() { Storyboard = sbExit });

        Style cellStyle = new Style();
        cellStyle.Triggers.Add(animTrigger);

        return cellStyle;
    }

结果

结果

最好的部分是动画完美无缺

于 2014-07-15T02:07:59.450 回答