使用mouseEnter事件缩放按钮

本文关键字：按钮 缩放 事件 mouseEnter 使用 | 更新日期: 2023-09-27 18:20:53

这是我在这里的第一篇文章。首先，有一些背景知识，我是C#的新手，实际上正处于起步阶段。我是一名化学工程师，主要有MATLAB和Mathematica等语言的经验，但我一直喜欢编程，并决定学习C#，为我一直在使用的一些程序创建一些用户友好的界面。请注意，我使用的是windows窗体，而不是WPF。

我想做的是有一个主菜单屏幕链接到各种形式。现在，为了让它看起来更好，我想做的是这样；当我把鼠标悬停在主窗口中的图片框（图片是一个按钮）上时，我希望按钮"增长"一点，然后当我离开时，它应该"缩小"到原来的大小。到目前为止，我的方法是尝试在mouseEnter事件上加载这个生长动画的gif，然后在mouseLeave上加载一个收缩动画，但这只是反复循环各个gif。我怎样才能让gif只播放一次？

我试着依次加载帧，在它们之间也有一个线程sleep，但当我这样做时，我看到的只是我尝试加载的最后一个图像。这里有一个用于此方法的代码示例，我尝试显示一个图像，然后在0.1秒后显示另一个

    private void pictureBox1_MouseEnter(object sender, EventArgs e)
    {
        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        ((PictureBox)sender).Image =Image.FromFile("C:/Users/michael/Desktop/131.bmp");
        Thread.Sleep(100);
        ((PictureBox)sender).Image = Image.FromFile("C:/Users/michael/Desktop/131a.bmp");
    }

还有没有一种方法可以在没有gif的情况下做到这一点，比如使用for循环来增加按钮或图片框的大小？

编辑1:我应该把计时器停在哪里，这样当我开始第二个动画时，第一个动画就停了？

      private void pictureBox1_MouseEnter(object sender, EventArgs e)
       {
        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        Timer timeraf = new Timer();
        timeraf.Interval = 10;
        timeraf.Tick += new EventHandler(timerAfwd_Tick);
        timeraf.Start();
     }
   private void pictureBox1_MouseLeave(object sender, EventArgs e)
    {
        pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
        Timer timerab = new Timer();
        timerab.Interval = 10;
        timerab.Tick += new EventHandler(timerAbwd_Tick);
        timerab.Start();
    }

使用mouseEnter事件缩放按钮

如果你让你的主线程休眠，我敢肯定它既锁定了用户输入，又阻止了处理绘画的线程。因此，您的图像无法绘制任何动画。尝试使用这样的计时器：

public partial class Animation : Form
{
    Image img1 = Properties.Resources.img1;
    Image img2 = Properties.Resources.img2;
    Image img3 = Properties.Resources.img3;
    List<Image> images = new List<Image>();
    Timer timer = new Timer();
    public Animation()
    {
        InitializeComponent();
        timer.Interval = 250;
        timer.Tick += new EventHandler(timer_Tick);
        images.Add(img1);
        images.Add(img2);
        images.Add(img3);
        animated_pbx.Image = img1;
    }
    private void timer_Tick(object sender, EventArgs e)
    {
        if (this.InvokeRequired)
        {
            this.BeginInvoke(new EventHandler(timer_Tick));
        }
        else
        {
            // Loop through the images unless we've reached the final one, in that case stop the timer
            Image currentImage = animated_pbx.Image;
            int currentIndex = images.IndexOf(currentImage);
            if (currentIndex < images.Count - 1)
            {
                currentIndex++;
                animated_pbx.Image = images[currentIndex];
                animated_pbx.Invalidate();
            }
            else
            {
                timer.Stop();
            }
        }
    }
    private void animated_pbx_MouseEnter(object sender, EventArgs e)
    {
        timer.Start();
    }
    private void animated_pbx_MouseLeave(object sender, EventArgs e)
    {
        timer.Stop();
        animated_pbx.Image = img1;
        animated_pbx.Invalidate();
    }
}

编辑：更改代码以在悬停在PictureBox上时添加动画。当您停留在悬停状态时，动画将停留在最后一帧上。当鼠标离开时，它会重置为第一帧。您可以使用任意数量的帧。您还应该处理MouseDown和MouseUp，并再创建一个图像来显示抑郁或"向下"状态。

相关文章：