如何在鼠标单击时创建闪烁/淡入的控件? (视窗)

时间:2008-11-10 02:22:56

标签: wpf winforms controls fade

当用户点击我控件中的某些位置时,我想更改网格中某些行和列的颜色,然后将其淡化回正常颜色,大约500毫秒左右。我还没有决定是否使用Winforms或WPF,因此对这两种技术的建议都可行。谢谢。

编辑:我知道我可以通过在click事件中调用Paint来正确设置绘图参数来实现这一点。但是我相信这会阻止用户界面,我希望能比这更具响应性。

3 个答案:

答案 0 :(得分:2)

WPF对动画有很好的支持。 xaml和后面的代码都支持动画,所以你应该能够实现你想要的任何外观。

WPF的MSDN Animation Overview看起来有很多很好的信息可以帮助您入门。

答案 1 :(得分:1)

这是你可以处理淡入淡出的一种方法:

using System;
using System.ComponentModel;
using System.Drawing;
using System.Windows.Forms;

namespace WindowsApplication1
{
    public class FadeForm : Form
    {
        private Timer fadeTimer;
        private Panel fadePanel;
        private Button fadeButton;
        /// <summary>
        /// Required designer variable.
        /// </summary>
        private System.ComponentModel.IContainer components = null;

        /// <summary>
        /// Clean up any resources being used.
        /// </summary>
        /// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>
        protected override void Dispose( bool disposing )
        {
            if ( disposing && ( components != null ) )
            {
                components.Dispose();
            }
            base.Dispose( disposing );
        }

        #region Windows Form Designer generated code

        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {
            this.fadePanel = new System.Windows.Forms.Panel();
            this.fadeButton = new System.Windows.Forms.Button();
            this.SuspendLayout();
            // 
            // fadePanel
            // 
            this.fadePanel.BorderStyle = System.Windows.Forms.BorderStyle.FixedSingle;
            this.fadePanel.Location = new System.Drawing.Point( 4, 8 );
            this.fadePanel.Name = "fadePanel";
            this.fadePanel.Size = new System.Drawing.Size( 276, 104 );
            this.fadePanel.TabIndex = 0;
            // 
            // fadeButton
            // 
            this.fadeButton.Location = new System.Drawing.Point( 104, 116 );
            this.fadeButton.Name = "fadeButton";
            this.fadeButton.Size = new System.Drawing.Size( 75, 23 );
            this.fadeButton.TabIndex = 1;
            this.fadeButton.Text = "Fade";
            this.fadeButton.UseVisualStyleBackColor = true;
            this.fadeButton.Click += new System.EventHandler( this.HandleFadeButtonClick );
            // 
            // FadeForm
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF( 6F, 13F );
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.ClientSize = new System.Drawing.Size( 284, 142 );
            this.Controls.Add( this.fadeButton );
            this.Controls.Add( this.fadePanel );
            this.Name = "FadeForm";
            this.Text = "Fade Form";
            this.ResumeLayout( false );

        }

        #endregion

        public FadeForm()
        {
            InitializeComponent();

            this.fadeTimer = new Timer();
        }

        private void HandleFadeButtonClick( object sender, EventArgs e )
        {
            this.fadeTimer.Tick += new EventHandler( HandleFadeTimerTick );
            this.fadePanel.BackColor = Color.Red;
            this.fadeTimer.Interval = 100;
            this.fadeTimer.Start();
        }

        void HandleFadeTimerTick( object sender, EventArgs e )
        {
            Color panelColor = this.fadePanel.BackColor;

            if ( panelColor.A > 0 )
            {
                this.fadePanel.BackColor = 
                    Color.FromArgb( 
                        Math.Max( panelColor.A - 20, 0 ), 
                        panelColor.R, panelColor.G, panelColor.B );
            }
            else
            {
                this.fadeTimer.Stop();
            }
        }
    }
}

不幸的是,这种方法似乎不适用于DataGridView中的行。我不知道原因,但如果颜色的alpha分量不是255,颜色根本不会显示。如果你能找到解决方法,这段代码可能会有所帮助。

答案 2 :(得分:0)

最简单的是,像这样的淡入淡出效果只需要某种定时器,每次定时器都会将颜色渐变为正常颜色。时间越快,从开始到结束将显示的离散颜色越多,整体效果越平滑(WPF可能内置了这样做)。

你绝对想要在循环中重绘。正如您所指出的那样,这将阻止UI,并且您也无法控制循环所需的时间(不同的机器将在不同的时间长度内从高亮颜色呈现相同数量的步骤)。